:root{--t-xs: 12px;--t-sm: 14px;--t-base: 16px;--t-lg: 20px;--t-xl: 24px;--t-2xl: 32px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--r-control: 8px;--r-card: 12px;--shadow-1: 0 1px 2px rgba(17, 24, 39, .1);--shadow-2: 0 10px 30px rgba(17, 24, 39, .22);--surface: #ffffff;--surface-2: #f4f5f7;--surface-3: #e6e8eb;--ink: #111827;--ink-soft: #5b6472;--line: #e1e4e8;--accent: #e11d48;--accent-ink: #ffffff;--stage: #eceef1;--tap: 44px;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--t-base);color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.studio{display:flex;flex-direction:column;height:100dvh;max-width:520px;margin:0 auto;background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--s-3);height:56px;padding:0 var(--s-3);border-bottom:1px solid var(--line);background:var(--surface)}.brand{flex:1;text-align:center;font-size:var(--t-lg);letter-spacing:.02em;color:var(--ink)}.brand strong{color:var(--accent)}.topbar-spacer{width:var(--tap)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:none;border-radius:var(--r-control);background:transparent;color:var(--ink)}.icon-btn:hover{background:var(--surface-2)}.stage-area{position:relative;flex:1;overflow:hidden;background:var(--stage)}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.float{position:absolute;z-index:2;display:flex;gap:var(--s-2)}.float-tl{top:var(--s-3);left:var(--s-3)}.float-bl{bottom:var(--s-3);left:var(--s-3);flex-direction:column;align-items:flex-start}.ctl-cluster{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);box-shadow:var(--shadow-1);overflow:hidden}.ctl-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:none;background:var(--surface);color:var(--ink)}.ctl-btn+.ctl-btn{border-left:1px solid var(--line)}.ctl-btn:hover:not(:disabled){background:var(--surface-2)}.ctl-btn:disabled{color:#b6bcc6;cursor:not-allowed}.view-switcher{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);box-shadow:var(--shadow-1);overflow:hidden}.view-tab{min-width:var(--tap);height:var(--tap);padding:0 var(--s-3);border:none;background:var(--surface);color:var(--ink-soft);font-size:var(--t-sm);font-weight:600}.view-tab+.view-tab{border-left:1px solid var(--line)}.view-tab[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.tabbar{display:flex;border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;border:none;background:transparent;color:var(--ink-soft)}.tab-label{font-size:var(--t-xs);font-weight:600}.tab[aria-pressed=true]{color:var(--accent)}.tab:disabled{color:#c2c7d0;cursor:not-allowed}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#11182766;animation:fade-in .15s ease}.sheet{position:relative;width:100%;max-width:520px;max-height:72dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow-2);animation:slide-up .2s ease}.sheet:focus{outline:none}.sheet-grip-row{display:flex;justify-content:center;padding:var(--s-2) 0 0;touch-action:none;cursor:grab}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--surface-3)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4)}.sheet-title{margin:0;font-size:var(--t-lg)}.sheet-body{overflow-y:auto;padding:0 var(--s-4) var(--s-6);-webkit-overflow-scrolling:touch}.ps-section{padding-top:var(--s-4)}.ps-h{margin:0 0 var(--s-3);font-size:var(--t-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.product-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);border:2px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:center}.product-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.product-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:var(--surface-2);border-radius:var(--r-control)}.product-name{margin-top:var(--s-1);font-size:var(--t-sm);font-weight:600}.product-desc{font-size:var(--t-xs);color:var(--ink-soft)}.swatch-row{display:flex;flex-wrap:wrap;gap:var(--s-3)}.swatch{width:var(--tap);height:var(--tap);border:1px solid rgba(17,24,39,.15);border-radius:999px;padding:0}.swatch.is-active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.info-list{margin:0}.info-row{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;border-bottom:1px solid var(--line)}.info-row dt{color:var(--ink-soft);font-size:var(--t-sm)}.info-row dd{margin:0;font-weight:600;text-align:right}.info-desc{margin:var(--s-3) 0 0;color:var(--ink-soft);font-size:var(--t-sm);line-height:1.5}:where(button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.sel-box{position:absolute;box-sizing:border-box;border:1.5px solid var(--accent);transform-origin:center center}.sel-body{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:transparent;pointer-events:auto;cursor:move;touch-action:none}.sel-handle{position:absolute;width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;pointer-events:auto;touch-action:none}.sel-handle:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-1)}.sel-handle svg{position:relative;width:16px;height:16px;color:#fff}.sel-handle-del{left:-22px;top:-22px}.sel-handle-del:before{background:#111827}.sel-handle-rot{right:-22px;top:-22px}.sel-handle-size{right:-22px;bottom:-22px;cursor:nwse-resize}.sel-toolbar{display:flex;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-top:1px solid var(--line);background:var(--surface)}.sel-tool{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-xs);font-weight:600}.sel-tool[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.add-row{display:flex;gap:var(--s-2);padding-top:var(--s-3)}.text-input{flex:1;min-width:0;min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-base)}.btn-primary{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 var(--s-4);border:none;border-radius:var(--r-control);background:var(--accent);color:var(--accent-ink);font-weight:700}.btn-primary svg{width:18px;height:18px}.hint{margin:var(--s-4) 0 0;color:var(--ink-soft);font-size:var(--t-sm);line-height:1.5}.text-style{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4)}.ctrl{display:flex;flex-direction:column;gap:6px}.ctrl-head{display:flex;justify-content:space-between;align-items:baseline}.ctrl-label{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.ctrl-value{font-size:var(--t-sm);font-weight:600;color:var(--ink)}.ctrl-range{width:100%;height:var(--tap);accent-color:var(--accent)}.ctrl-group{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2) 0 var(--s-2) var(--s-3);border-left:2px solid var(--surface-3)}.ctrl-toggle{flex-direction:row;align-items:center;justify-content:space-between}.chip-row{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chip{min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);white-space:nowrap;font-size:var(--t-base)}.chip.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.seg{display:flex;gap:4px}.seg-btn{flex:1;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600}.seg-btn svg{width:20px;height:20px}.seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.switch{flex:none;width:48px;height:28px;border:none;border-radius:999px;background:var(--surface-3);position:relative}.switch.is-on{background:var(--accent)}.switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.is-on .switch-knob{transform:translate(20px)}.swatch-custom{position:relative;overflow:hidden;display:inline-flex;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.swatch-custom input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;border:none;padding:0}.warp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.warp-chip{min-height:var(--tap);padding:0 4px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600}.warp-chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.panel{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3)}.btn-row{display:flex;gap:var(--s-2)}.btn{flex:1;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600}.btn svg{width:18px;height:18px}.layer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.recolour-grid{display:flex;flex-wrap:wrap;gap:var(--s-3)}.recolour-swatch{width:56px;height:56px;min-width:var(--tap);min-height:var(--tap);border:1px solid rgba(17,24,39,.15);border-radius:var(--r-control);box-shadow:var(--shadow-1)}.recolour-swatch.is-changed{box-shadow:inset 0 0 0 2px var(--surface),0 0 0 2px var(--accent)}.color-picker{display:flex;flex-direction:column;gap:var(--s-3)}.cp-entry{display:flex;align-items:center;gap:var(--s-3)}.cp-hex{flex:1;min-width:0;text-transform:lowercase;font-variant-numeric:tabular-nums}.cp-well{flex:none}.cp-back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);padding:0 var(--s-3) 0 var(--s-2);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600}.cp-back svg{width:18px;height:18px}.color-note{display:flex;align-items:flex-start;gap:var(--s-2);margin:var(--s-2) 0 0;padding:var(--s-3);border:1px solid var(--surface-3);border-radius:var(--r-card);background:var(--surface-2);color:var(--ink);font-size:var(--t-sm);line-height:1.5}.color-note svg{width:20px;height:20px;flex:none;color:var(--ink-soft)}.images-sheet{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3)}.subtabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-control)}.subtab{flex:1;min-height:var(--tap);border:none;border-radius:6px;background:transparent;color:var(--ink-soft);font-size:var(--t-sm);font-weight:600}.subtab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.subpanel{display:flex;flex-direction:column;gap:var(--s-3)}.subpanel:focus{outline:none}.search-row{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink-soft)}.search-row svg{width:18px;height:18px;flex:none}.search-input{flex:1;min-width:0;height:var(--tap);border:none;background:transparent;color:var(--ink);font-size:var(--t-base)}.search-input:focus{outline:none}.crumb-row{display:flex;align-items:center;gap:var(--s-3)}.crumb-back{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);padding:0 var(--s-3) 0 var(--s-2);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600}.crumb-back svg{width:18px;height:18px}.crumb-trail{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-sm);font-weight:600;color:var(--ink-soft)}.crumb-trail svg{width:16px;height:16px}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.cat-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}.cat-cover{width:100%;aspect-ratio:16 / 10;object-fit:contain;background:var(--surface-2);border-radius:var(--r-control)}.cat-name{font-size:var(--t-base);font-weight:600}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.clip-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:center}.clip-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:var(--surface-2);border-radius:var(--r-control)}.clip-name{margin-top:2px;font-size:var(--t-sm);font-weight:600}.clip-crumb{font-size:var(--t-xs);color:var(--ink-soft)}.upload-tab{display:flex;flex-direction:column;gap:var(--s-3)}.terms{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--t-sm);line-height:1.5;color:var(--ink)}.terms input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--accent)}.upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border:1px dashed var(--ink-soft);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer}.upload-btn svg{width:20px;height:20px}.upload-btn.is-disabled{opacity:.5;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.upload-note{margin:0;font-size:var(--t-xs);color:var(--ink-soft)}.upload-error{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-control);background:#fef2f2;color:#b91c1c;font-size:var(--t-sm)}.dpi-warn{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid #fcd34d;border-radius:var(--r-card);background:#fffbeb}.dpi-warn-head{display:flex;align-items:center;gap:var(--s-2);margin:0;font-weight:700;color:#92400e}.dpi-warn-head svg{width:20px;height:20px;flex:none}.dpi-warn-sub{margin:0;font-size:var(--t-sm);color:#92400e}.reuse,.myimg-group{display:flex;flex-direction:column;gap:var(--s-2)}.myimages-tab{display:flex;flex-direction:column;gap:var(--s-4)}.myimg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.myimg-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:center}.myimg-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:var(--surface-2);border-radius:var(--r-control)}.myimg-name{font-size:var(--t-xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sel-box.is-frame{border-color:#3b82f6;background:#3b82f614}.sel-box.is-adjust{border-style:dashed;border-color:#f59e0b}.sel-handle.is-adjust:before{background:#f59e0b}.adjust-pill{position:absolute;top:var(--s-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-2);max-width:calc(100% - 2 * var(--s-3));padding:6px 6px 6px var(--s-3);border-radius:999px;background:#111827eb;color:#fff;font-size:var(--t-xs);font-weight:600;box-shadow:var(--shadow-1);pointer-events:auto}.adjust-done{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 var(--s-3);border:none;border-radius:999px;background:#f59e0b;color:#111827;font-weight:700;font-size:var(--t-xs)}.adjust-done svg{width:16px;height:16px}.frame-hotspot{position:absolute;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#3b82f6;color:#fff;box-shadow:var(--shadow-1);pointer-events:auto}.frame-hotspot svg{width:22px;height:22px}.collage-tab{display:flex;flex-direction:column;gap:var(--s-3)}.collage-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.collage-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:center}.collage-cover{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:var(--surface-2);border-radius:var(--r-control)}.collage-name{font-size:var(--t-sm);font-weight:700}.collage-blurb{font-size:var(--t-xs);color:var(--ink-soft)}.slot-list{display:flex;flex-direction:column;gap:var(--s-2)}.slot{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);overflow:hidden}.slot.is-selected{border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f6}.slot-main{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:56px;padding:var(--s-2) var(--s-3);border:none;background:transparent;color:var(--ink);text-align:left}.slot-thumb{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-control);background:var(--surface-2);overflow:hidden;color:var(--ink-soft)}.slot-thumb img{width:100%;height:100%;object-fit:cover}.slot-thumb.is-empty{border:1px dashed #93c5fd;color:#3b82f6}.slot-text{display:flex;flex-direction:column;gap:1px;min-width:0}.slot-name{font-size:var(--t-sm);font-weight:700}.slot-status{font-size:var(--t-xs);color:var(--ink-soft)}.slot-actions{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.price-sheet{display:flex;flex-direction:column}.ps-head-row{display:flex;align-items:center;justify-content:space-between}.link-btn{min-height:var(--tap);padding:0 var(--s-2);border:none;background:transparent;color:var(--accent);font-size:var(--t-sm);font-weight:700}.price-math{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);font-size:var(--t-base)}.price-line-extra{color:var(--ink-soft)}.price-amt{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.price-rule{height:1px;margin:var(--s-1) 0;background:var(--line)}.price-pershirt{font-weight:700}.price-pershirt-amt{font-size:var(--t-lg);font-weight:800;font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;gap:var(--s-2)}.stepper-btn{width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-xl);line-height:1}.stepper-btn:hover:not(:disabled){background:var(--surface-2)}.stepper-btn:disabled{color:#c2c7d0;cursor:not-allowed}.stepper-input{width:72px;height:var(--tap);text-align:center;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--t-lg);font-weight:700;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper-input:disabled{background:var(--surface-2);color:var(--ink);opacity:1}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper.is-compact .stepper-input{width:56px}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3) var(--s-4)}.size-cell{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.size-cap{min-width:2.5em;font-weight:700}.size-tally{margin:var(--s-3) 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.price-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:var(--ink);color:#fff}.price-total-eq{font-size:var(--t-base);font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}.price-total-amt{font-size:var(--t-2xl);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.price-hint{margin:var(--s-3) 0 0;font-size:var(--t-sm);font-weight:600;color:var(--accent)}.price-empty{margin:var(--s-2) 0 0;padding:var(--s-4);border:1px dashed var(--line);border-radius:var(--r-card);text-align:center;color:var(--ink-soft)}.stage-area,.canvas-host,.overlay-layer,.success{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;-webkit-touch-callout:none}.finish{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-4)}.btn-send{width:100%;justify-content:center;min-height:52px;font-size:var(--t-base)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.finish-note{margin:0;text-align:center;font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}.finish-error{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-control);background:#fef2f2;color:#b91c1c;font-size:var(--t-sm);text-align:center}.success{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:var(--surface);animation:fade-in .2s ease}.success:focus{outline:none}.success-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);width:100%;max-width:360px;text-align:center}.success-check{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#16a34a;color:#fff}.success-check svg{width:36px;height:36px}.success-title{margin:var(--s-2) 0 0;font-size:var(--t-2xl)}.success-sub{margin:0 0 var(--s-3);font-size:var(--t-base);color:var(--ink-soft);line-height:1.5}.success .btn-send{max-width:280px}@media (prefers-reduced-motion: reduce){.sheet,.sheet-backdrop,.success{animation:none}.switch-knob{transition:none}}