:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#101828;--muted:#667085;--line:#e4e7ec;--blue:#2457ff;--blue-dark:#1945d8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#eef3ff 0,#f7f8fb 38% 100%);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.app-shell{min-height:100vh}.topbar{height:70px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:19px}.brand-mark{width:25px;height:25px;border-radius:8px;background:#101828;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;background:#fff;border-radius:2px}.brand-mark:before{width:11px;height:3px;top:7px}.brand-mark:after{width:11px;height:3px;top:13px}.brand-mark i{width:7px;height:3px;top:19px;left:9px}.services-link{font-size:13px;color:#475467;text-decoration:none}.services-link:hover{text-decoration:underline}.hero{text-align:center;max-width:800px;margin:56px auto 32px;padding:0 20px}.eyebrow{letter-spacing:.12em;font-weight:750;font-size:11px;color:#5263a5}.hero h1{font-size:clamp(42px,6vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 auto;max-width:680px}.trust-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px;color:#475467;font-size:12px}.tool-card{max-width:1160px;margin:0 auto;padding:0 20px 20px}.empty-state,.workspace{background:#fffffff5;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px #10182812}.empty-state{min-height:470px;border-style:dashed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px;text-align:center;transition:.2s}.empty-state:hover,.empty-state.dragging{border-color:#9bb0ff;box-shadow:0 22px 55px #2457ff14;background:#fbfcff}.upload-icon{width:66px;height:66px;border-radius:20px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-size:30px;margin-bottom:20px}.empty-state h2{font-size:25px;margin:0 0 7px;letter-spacing:-.025em}.empty-state p{margin:0 0 22px;color:var(--muted)}.empty-state small{margin-top:15px;color:#98a2b3}.primary-btn,.download-btn{border:0;background:var(--blue);color:#fff;font-weight:750;border-radius:11px;padding:12px 18px;box-shadow:0 8px 20px #2457ff38;transition:.18s}.primary-btn:hover,.download-btn:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.workspace{padding:18px}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 16px}.workspace-header h2{font-size:17px;margin:0 0 4px;letter-spacing:-.02em}.workspace-header h2 b{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border-radius:99px;background:#eef3ff;color:var(--blue);font-size:11px;margin-left:4px}.workspace-header p{margin:0;color:#98a2b3;font-size:12px}.header-actions{display:flex;gap:8px}.ghost-btn,.icon-btn{border:1px solid var(--line);background:#fff;color:#344054;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.ghost-btn{padding:9px 12px;font-size:13px;font-weight:650}.icon-btn{width:36px;height:36px;font-size:17px}.icon-btn:hover:not(:disabled),.ghost-btn:hover{background:#f8f9fc;border-color:#cfd4dc}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.danger:hover:not(:disabled){color:#b42318;background:#fff5f5}.editor-grid{display:grid;grid-template-columns:86px minmax(0,1fr) 250px;gap:14px;min-height:560px}.thumb-panel{border:1px solid var(--line);border-radius:15px;background:#f8f9fc;padding:9px;overflow:auto;max-height:560px}.thumb{width:100%;aspect-ratio:1/1.15;padding:3px;border:2px solid transparent;border-radius:9px;background:#fff;margin-bottom:8px;position:relative;overflow:hidden}.thumb.selected{border-color:var(--blue)}.thumb img{width:100%;height:100%;object-fit:contain}.thumb-number{position:absolute;left:5px;top:5px;z-index:2;background:#101828;color:#fff;border-radius:5px;font-size:9px;line-height:18px;min-width:18px}.grip{position:absolute;right:5px;bottom:3px;color:#98a2b3}.preview-pane{min-width:0;border:1px solid var(--line);border-radius:15px;background:#f4f5f7;display:flex;flex-direction:column;overflow:hidden}.preview-canvas{min-height:480px;flex:1;display:grid;place-items:center;padding:30px;background-image:linear-gradient(45deg,#edf0f3 25%,transparent 25%),linear-gradient(-45deg,#edf0f3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f3 75%),linear-gradient(-45deg,transparent 75%,#edf0f3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:auto}.preview-canvas img{max-width:92%;max-height:470px;object-fit:contain;box-shadow:0 14px 32px #1018282e;transition:transform .25s}.preview-toolbar{background:#fff;border-top:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.file-meta{display:flex;align-items:center;gap:8px;min-width:0}.file-symbol{color:var(--blue);font-size:18px}.file-meta div{min-width:0;display:flex;flex-direction:column}.file-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{font-size:10px;color:#98a2b3;margin-top:2px}.image-actions{display:flex;gap:5px}.settings-panel{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}.settings-title{font-size:13px;font-weight:750;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:14px}.setting{display:block;margin-bottom:14px}.setting>span{font-size:11px;color:#667085;font-weight:650;display:block;margin-bottom:6px}.setting select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:9px 10px;font-size:12px;outline:none}.setting select:focus{border-color:#8ea5ff;box-shadow:0 0 0 3px #eef3ff}.settings-divider{height:1px;background:var(--line);margin:17px 0}.output-summary{display:flex;justify-content:space-between;font-size:12px;color:#667085;margin-bottom:12px}.output-summary strong{color:#101828}.download-btn{width:100%;padding:12px 10px}.download-btn:disabled{opacity:.7;cursor:wait}.local-note{font-size:10px;line-height:1.4;color:#98a2b3;text-align:center;margin:10px 0 0}.status{margin:13px 2px 0;padding:10px 12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:8px}.status.success{background:#ecfdf3;color:#067647}.status.error{background:#fff3f2;color:#b42318}.status button{margin-left:auto;border:0;background:transparent;color:inherit;padding:0;font-size:15px}.benefits{max-width:1100px;margin:35px auto 80px;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefits article{display:flex;gap:11px}.benefits article>b{width:35px;height:35px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);flex:none}.benefit strong,.benefits strong{font-size:13px}.benefits p{font-size:12px;line-height:1.5;color:#667085;margin:3px 0 0}.content-section{max-width:1040px;margin:0 auto 85px;padding:0 20px}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{font-size:30px;letter-spacing:-.035em;margin:8px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:27px 24px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps article>span{font-size:11px;color:#98a2b3;font-weight:800;letter-spacing:.1em}.steps h3{font-size:16px;margin:18px 0 6px}.steps p{font-size:13px;color:#667085;line-height:1.55;margin:0}.faq-list{max-width:780px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:19px 3px;font-weight:650;font-size:14px;display:flex;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:#667085;line-height:1.65;margin:-5px 28px 20px 3px}footer{max-width:1160px;margin:0 auto;padding:25px 24px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#98a2b3;font-size:11px}footer a{color:#344054;text-decoration:none;font-weight:750}footer a:hover{text-decoration:underline}@media(max-width:900px){.editor-grid{grid-template-columns:72px minmax(0,1fr)}.settings-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-title{grid-column:1/-1;margin-bottom:0}.settings-divider{display:none}.output-summary,.download-btn{align-self:end}.local-note{grid-column:1/-1}.preview-canvas{min-height:400px}.benefits{margin-bottom:65px}}@media(max-width:650px){.topbar{height:60px;padding:0 17px}.services-link{font-size:11px}.hero{margin-top:38px}.hero h1{font-size:44px}.hero p{font-size:15px}.trust-row{gap:10px}.tool-card{padding:0 10px}.empty-state{min-height:420px;padding:35px 20px}.workspace{padding:11px}.workspace-header{align-items:flex-start}.ghost-btn{padding:8px 9px}.editor-grid{grid-template-columns:1fr;min-height:0}.thumb-panel{order:2;display:flex;gap:7px;max-height:none;overflow-x:auto;padding:7px}.thumb{flex:0 0 62px;width:62px;height:72px;margin:0}.preview-pane{order:1}.settings-panel{order:3;grid-template-columns:1fr}.settings-title,.local-note{grid-column:auto}.preview-canvas{min-height:360px;padding:18px}.preview-canvas img{max-height:350px;max-width:94%}.preview-toolbar{align-items:flex-start;flex-direction:column}.image-actions{width:100%;justify-content:flex-end}.benefits{grid-template-columns:1fr;margin:25px auto 60px;padding:0 24px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.section-heading h2{font-size:25px}footer{padding:22px 18px 28px;gap:15px;align-items:flex-start;flex-direction:column}}