:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.5, 1.4, .4, 1);--shadow-xs:0 1px 2px 0 #1118270d;--shadow-sm:0 1px 3px #11182714, 0 1px 2px #1118270a;--shadow-md:0 4px 8px -2px #1118271a, 0 2px 4px -2px #1118270f;--shadow-lg:0 16px 32px -8px #1118271f, 0 4px 12px -4px #11182714;--shadow-xl:0 24px 48px -12px #1118272e}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#fafafa;--c-surface:#fff;--c-surface-2:#f4f5f7;--c-surface-3:#eceef1;--c-overlay:#1118277a;--c-border:#e6e8ec;--c-border-strong:#d4d7dc;--c-border-focus:#111827;--c-text:#0a0d12;--c-text-muted:#5b6470;--c-text-subtle:#8b93a1;--c-text-invert:#fff;--c-accent:#0f766e;--c-accent-hover:#115e59;--c-accent-soft:#ccfbf1;--c-accent-on:#fff;--c-primary:#111827;--c-primary-hover:#0a0d12;--c-primary-on:#fff;--c-success:#16a34a;--c-success-soft:#dcfce7;--c-warning:#d97706;--c-warning-soft:#fef3c7;--c-danger:#dc2626;--c-danger-soft:#fee2e2;--c-grid-line:#11182714;--c-checker-a:#f4f5f7;--c-checker-b:#e6e8ec}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0a0c10;--c-surface:#11141a;--c-surface-2:#161a22;--c-surface-3:#1c212b;--c-overlay:#0009;--c-border:#242a36;--c-border-strong:#323a49;--c-border-focus:#e5e7eb;--c-text:#f3f4f6;--c-text-muted:#9ba3b3;--c-text-subtle:#6a7385;--c-text-invert:#0a0c10;--c-accent:#2dd4bf;--c-accent-hover:#5eead4;--c-accent-soft:#134e4a;--c-accent-on:#0a0c10;--c-primary:#f3f4f6;--c-primary-hover:#fff;--c-primary-on:#0a0c10;--c-success:#22c55e;--c-success-soft:#052e16;--c-warning:#f59e0b;--c-warning-soft:#422006;--c-danger:#ef4444;--c-danger-soft:#450a0a;--c-grid-line:#f3f4f614;--c-checker-a:#1c212b;--c-checker-b:#242a36}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--c-text);margin:0;font-weight:600;line-height:1.2}p{margin:0}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button:focus-visible,.pill:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}input[type=range]{accent-color:var(--c-accent)}a{color:var(--c-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--radius-full);border:2px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-subtle)}.app{background:var(--c-bg);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.topbar{z-index:30;background:color-mix(in oklab, var(--c-surface) 80%, transparent);border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:saturate(180%)blur(14px);position:sticky;top:0}.topbar-inner{align-items:center;gap:16px;max-width:1480px;height:60px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:var(--c-primary);width:32px;height:32px;color:var(--c-primary-on);border-radius:9px;place-items:center;display:grid}.brand-title{flex-direction:column;gap:3px;line-height:1;display:flex}.brand-title small{color:var(--c-text-muted);letter-spacing:0;font-size:11px;font-weight:500}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-divider{background:var(--c-border);width:1px;height:20px;margin:0 4px}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--c-text-muted);place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--c-surface-2);color:var(--c-text)}.icon-btn.active{color:var(--c-text);background:var(--c-surface-2)}.workspace{grid-template-columns:300px minmax(0,1fr) 340px;align-items:start;gap:20px;width:100%;max-width:1480px;margin:0 auto;padding:20px;display:grid}@media (width<=1200px){.workspace{grid-template-columns:280px minmax(0,1fr)}.col-right{display:none}.col-right.mobile-open{z-index:40;background:var(--c-bg);padding:16px;display:block;position:fixed;inset:60px 0 0;overflow:auto}}@media (width<=880px){.workspace{grid-template-columns:1fr;gap:12px;padding:12px}.col-left{order:2}.col-main{order:1}}.col-left,.col-main,.col-right{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);padding:16px}.card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-title{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.card-subtitle{color:var(--c-text-subtle);margin-top:2px;font-size:12px}.steps{flex-direction:column;gap:8px;display:flex}.steps-spaced{margin-top:12px}.step{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.step:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-xs)}.step.active{border-color:color-mix(in oklab, var(--c-accent) 30%, var(--c-border-strong));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.step-head{align-items:center;gap:10px;display:flex}.step-num{border-radius:var(--radius-full);background:var(--c-surface-2);width:24px;height:24px;color:var(--c-text-muted);flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.step.done .step-num{background:var(--c-success);color:#fff}.step.done{border-color:color-mix(in oklab, var(--c-success) 35%, var(--c-border))}.step-title{flex:1;font-size:13px;font-weight:600}.step-icon-label{align-items:center;gap:6px;display:inline-flex}.step-meta{color:var(--c-text-subtle);font-size:11px}.step-progress{background:var(--c-surface-2);border-radius:var(--radius-full);height:3px;overflow:hidden}.step-progress-bar{background:var(--c-accent);border-radius:inherit;height:100%;transition:width .25s var(--ease-out)}.step-actions{gap:6px;display:flex}.run-all{background:var(--c-primary);color:var(--c-primary-on);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.run-all:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:var(--shadow-md)}.run-all:active:not(:disabled){transform:scale(.99)}.run-all:disabled{opacity:.4;cursor:not-allowed}.btn{border-radius:var(--radius-md);color:var(--c-text);border:1px solid var(--c-border);background:var(--c-surface);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-border-strong);background:var(--c-surface-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-primary-on);border-color:var(--c-primary)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn-accent{background:var(--c-accent);color:var(--c-accent-on);border-color:var(--c-accent)}.btn-accent:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-ghost{color:var(--c-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--c-text);background:var(--c-surface-2);border-color:#0000}.btn-danger{color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:var(--c-danger-soft);border-color:var(--c-danger)}.btn-xs{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.btn-sm{padding:6px 10px;font-size:12px}.btn-block{width:100%}.spinner{opacity:.8;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.75s linear infinite spin}.spinner.lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;display:flex}.field+.field{margin-top:12px}.field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-label{color:var(--c-text);font-size:12px;font-weight:500}.field-value{background:var(--c-surface-2);color:var(--c-text-muted);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:11px;font-weight:600}.slider{appearance:none;background:var(--c-surface-2);border-radius:var(--radius-full);outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--c-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{background:var(--c-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}select,.input,input[type=text],input[type=number]{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--radius-md);width:100%;padding:8px 10px;font-family:inherit;font-size:13px}select:focus,input:focus{outline:2px solid var(--c-border-focus);outline-offset:1px;border-color:var(--c-border-focus)}.input-row{align-items:center;gap:6px;display:flex}.segment{background:var(--c-surface-2);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;padding:3px;display:grid}.segment-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.segment-item{text-align:center;color:var(--c-text-muted);border-radius:var(--radius-sm);cursor:pointer;padding:6px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.segment-item:hover{color:var(--c-text)}.segment-item.active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-xs)}.toggle{background:var(--c-surface-3);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.toggle:after{content:"";background:var(--c-surface);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:var(--c-accent)}.toggle.on:after{background:#fff;transform:translate(16px)}.logo-list{flex-direction:column;gap:6px;display:flex}.logo-item{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:border-color .15s,background .15s;display:flex}.logo-item:hover{border-color:var(--c-border-strong)}.logo-item.active{border-color:var(--c-primary);background:var(--c-surface-2)}.logo-thumb{background:conic-gradient(var(--c-checker-a) 25%, var(--c-checker-b) 0 50%, var(--c-checker-a) 0 75%, var(--c-checker-b) 0) 0 0 / 12px 12px;border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.logo-thumb img{object-fit:contain;max-width:100%;max-height:100%}.logo-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.logo-name-input{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);flex:1;padding:4px 8px;font-size:13px}.logo-actions{flex-shrink:0;gap:2px;display:flex}.logo-dropzone{border:1.5px dashed var(--c-border-strong);border-radius:var(--radius-md);text-align:center;color:var(--c-text-muted);cursor:pointer;padding:16px 12px;font-size:12px;transition:border-color .15s,background .15s,color .15s}.logo-dropzone:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-soft)}.dropzone{border:2px dashed var(--c-border-strong);border-radius:var(--radius-lg);background:var(--c-surface);text-align:center;min-height:260px;color:var(--c-text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;transition:border-color .15s,background .15s,color .15s;display:flex}.dropzone:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.dropzone-title{color:var(--c-text);font-size:15px;font-weight:600}.dropzone-subtitle{color:var(--c-text-subtle);font-size:12px}.dropzone.loading{pointer-events:none;opacity:.7}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.image-card{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;animation:fadeIn .25s var(--ease-out) both;transition:border-color .15s,transform .1s,box-shadow .15s;position:relative;overflow:hidden}.image-card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.image-card.selected{border-color:var(--c-primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--c-primary) 18%, transparent)}.image-card.status-done{border-color:var(--c-success)}.image-card.status-error{border-color:var(--c-danger)}.image-wrap{aspect-ratio:1;background:conic-gradient(var(--c-checker-a) 25%, var(--c-checker-b) 0 50%, var(--c-checker-a) 0 75%, var(--c-checker-b) 0) 0 0 / 16px 16px;position:relative}.image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.image-info{border-top:1px solid var(--c-border);background:var(--c-surface);align-items:center;gap:4px;padding:6px 8px;display:flex}.image-name{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.remove-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--c-text-muted);place-items:center;display:grid}.remove-btn:hover{background:var(--c-danger-soft);color:var(--c-danger)}.processing-overlay{background:color-mix(in oklab, var(--c-surface) 72%, transparent);place-items:center;display:grid;position:absolute;inset:0}.badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:.04em;background:#0000008c;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex;position:absolute;top:6px}.badge.left{left:6px}.badge.right{right:6px}.badge.success{background:var(--c-success)}.badge.warn{background:var(--c-warning)}.badge.accent{background:var(--c-accent);color:var(--c-accent-on)}.spinner-tiny{border:1.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:10px;height:10px;animation:.7s linear infinite spin}.select-box{border-radius:var(--radius-xs);color:#fff;opacity:0;background:#00000059;border:1.5px solid #fff;place-items:center;width:18px;height:18px;transition:opacity .15s;display:grid;position:absolute;top:6px;left:6px}.image-card:hover .select-box,.image-card.sel-active .select-box{opacity:1}.image-card.sel-active .select-box{background:var(--c-accent);border-color:var(--c-accent)}.section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-header h3{font-size:16px;font-weight:600}.count-badge{background:var(--c-surface-2);min-width:22px;height:22px;color:var(--c-text-muted);border-radius:var(--radius-full);border:1px solid var(--c-border);place-items:center;margin-left:6px;padding:0 7px;font-size:11px;font-weight:700;display:inline-grid}.preview-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:12px;padding:16px;display:flex}.preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.preview-nav,.preview-tools{align-items:center;gap:6px;display:flex}.preview-container{background:conic-gradient(var(--c-checker-a) 25%, var(--c-checker-b) 0 50%, var(--c-checker-a) 0 75%, var(--c-checker-b) 0) 0 0 / 20px 20px;border:1px solid var(--c-border);border-radius:var(--radius-md);place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.preview-canvas{touch-action:none;max-width:100%;max-height:70vh;display:block}.preview-canvas.drag{cursor:grabbing}.preview-canvas.can-drag{cursor:grab}.preview-overlay-grid{pointer-events:none;background-image:linear-gradient(to right, var(--c-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--c-grid-line) 1px, transparent 1px);background-size:33.33% 33.33%;position:absolute;inset:0}.preview-overlay-grid:before,.preview-overlay-grid:after{content:"";background:var(--c-grid-line);position:absolute}.preview-overlay-grid:before{height:1px;top:50%;left:0;right:0}.preview-overlay-grid:after{width:1px;top:0;bottom:0;left:50%}.before-after{position:absolute;inset:0;overflow:hidden}.before-after .before{position:absolute;inset:0}.before-after .before img{object-fit:contain;width:100%;height:100%;display:block}.before-after-handle{cursor:ew-resize;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0003}.before-after-grip{color:#111;width:32px;height:32px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-hint{color:var(--c-text-subtle);padding-top:4px;font-size:11px}.manual-editor{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);gap:10px;margin-top:12px;padding:10px;display:grid;position:relative;overflow:hidden}.manual-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.manual-canvas{border:1px solid var(--c-border);cursor:crosshair;touch-action:none;background:#f2f3f5;border-radius:10px;width:100%;min-height:320px}.manual-cursor{pointer-events:none;border:2px solid color-mix(in oklab, var(--c-accent) 65%, #fff);border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040}.manual-cursor.erase{border-color:color-mix(in oklab, var(--c-danger) 72%, #fff)}.rot-group{align-items:center;gap:6px;display:flex}.rot-input{text-align:center;width:72px!important}.alert{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.alert-error{background:var(--c-danger-soft);color:var(--c-danger);border-color:color-mix(in oklab, var(--c-danger) 40%, transparent)}.alert-info{background:var(--c-accent-soft);color:var(--c-accent);border-color:color-mix(in oklab, var(--c-accent) 30%, transparent)}.alert button{color:currentColor;opacity:.7;margin-left:auto}.alert button:hover{opacity:1}.modal-backdrop{background:var(--c-overlay);z-index:50;place-items:center;padding:20px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:popIn .2s var(--ease-spring);padding:20px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:16px;font-weight:700}.kbd{border:1px solid var(--c-border);background:var(--c-surface-2);min-width:22px;height:22px;color:var(--c-text);border-radius:var(--radius-sm);font-family:var(--font-mono);box-shadow:0 1px 0 var(--c-border);place-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-grid}.shortcut-row{border-bottom:1px dashed var(--c-border);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{align-items:center;gap:4px;display:flex}.drag-handle{opacity:0;color:#fff;border-radius:var(--radius-sm);cursor:grab;background:#0006;padding:2px;transition:opacity .15s;position:absolute;top:6px;right:6px}.image-card:hover .drag-handle{opacity:1}.image-card.dragging{opacity:.5;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.color-row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:32px;padding:2px}.status-bar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:10px;margin-top:auto;padding:10px 14px;font-size:12px;display:flex;position:sticky;bottom:0}.status-bar-spacer{flex:1}.mobile-action-bar{display:none}.muted{color:var(--c-text-muted)}.subtle{color:var(--c-text-subtle)}.row{align-items:center;gap:6px;display:flex}.gap-2{gap:8px}.stack{flex-direction:column;gap:8px;display:flex}.compact-stack{gap:10px}.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.crop-number-row{gap:4px}.crop-number{width:68px;padding:4px 6px;font-size:12px}.divider{background:var(--c-border);height:1px;margin:8px 0}@media (width<=880px){.topbar-inner{height:64px;padding:0 12px}.brand-title small{display:none}.icon-btn{width:42px;height:42px}.card{padding:14px}.card-header{margin-bottom:10px}.btn{min-height:42px;padding:10px 14px}.btn-sm{min-height:40px;padding:8px 12px}.btn-xs{min-height:38px;padding:7px 10px}.step-actions .btn{min-height:40px}select,.input,input[type=text],input[type=number]{min-height:42px;font-size:14px}.segment-item{place-items:center;min-height:40px;display:grid}.image-info{padding:8px 10px}.remove-btn{width:28px;height:28px}.select-box{opacity:1;width:24px;height:24px}.drag-handle{opacity:1;padding:4px}.preview-tools .icon-btn{width:40px;height:40px}.preview-nav .icon-btn{width:40px;height:40px;padding:0;font-size:22px;font-weight:500;line-height:1}.col-main{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-action-bar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;background:color-mix(in oklab, var(--c-surface) 88%, transparent);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:saturate(180%)blur(10px);grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px;display:grid;position:fixed}.preview-canvas{max-height:60vh}.dropzone{min-height:180px;padding:20px}.position-btn{padding:10px 4px}}@media (width<=560px){.topbar-inner{gap:10px}.brand-title span{font-size:14px}.workspace{gap:10px;padding:10px}.preview-header{flex-wrap:wrap;row-gap:8px}.card{border-radius:var(--radius-md);padding:12px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.dropzone{min-height:160px;padding:16px}.dropzone-title{font-size:14px}.mobile-action-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));gap:6px;padding:6px}}