:root{--depor: #1B4FA8;--depor-dark: #0F2E6B;--depor-light: #4F86E8;--depor-glow: rgba(27, 79, 168, .35);--depor-tint: rgba(27, 79, 168, .1);--accent: #3fae62;--accent-2: #5fc884;--accent-dark: #2f8f4f;--accent-glow: rgba(63, 174, 98, .32);--accent-tint: rgba(63, 174, 98, .12);--ios-bg: rgba(255, 255, 255, .66);--ios-border: rgba(0, 0, 0, .06);--ios-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(20,30,60,.08);--stage-a: #fbfbfc;--stage-b: #eceef2;--stage-c: #dfe3ea;--stage-text: #1d1d1f;--stage-muted: #6e6e73;--glass: rgba(255, 255, 255, .42);--glass-strong: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .55);--glass-edge: rgba(0, 0, 0, .07);--glass-shadow: 0 24px 60px rgba(20, 30, 60, .1), 0 2px 6px rgba(20, 30, 60, .05);--bg-2: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--chip: rgba(255, 255, 255, .5);--chip-hover: rgba(255, 255, 255, .85);--radius-xl: 28px;--radius: 18px;--radius-sm: 12px;--header-h: 64px;--font: "Roc Grotesk", "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:radial-gradient(120% 80% at 50% 30%,var(--stage-a) 0%,var(--stage-b) 60%,var(--stage-c) 100%);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(29,29,31,.1) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,transparent 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}input[type=file]{display:none}::selection{background:var(--accent);color:#fff}.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.glass{background:var(--glass);backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);border:1px solid var(--glass-border);box-shadow:inset 0 1px #fff9,0 0 0 1px var(--glass-edge),var(--glass-shadow)}.topbar{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:50;display:flex;align-items:center;gap:12px;padding:0 22px;background:linear-gradient(to bottom,#ffffff8c,#fff0);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--stage-text);min-width:0}.brand .logo-plate{display:block;height:42px;border-radius:13px;overflow:hidden;flex:none;box-shadow:0 6px 16px #3fae6247,inset 0 1px #ffffff59}.brand .logo-plate img{display:block;height:100%;width:auto}.brand .name{display:flex;flex-direction:column;line-height:1;white-space:nowrap}.brand .name small{font-family:var(--mono);font-weight:500;color:var(--stage-muted);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.topbar .spacer{flex:1}.topbar .actions{display:flex;gap:8px;align-items:center}.topbar .actions .btn.ghost{background:var(--ios-bg);border-color:var(--ios-border);box-shadow:var(--ios-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--ios-border);background:var(--ios-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);font-weight:600;font-size:13px;box-shadow:var(--ios-shadow);transition:transform .15s cubic-bezier(.2,.8,.2,1),background .2s ease,box-shadow .2s ease,opacity .15s;white-space:nowrap}.btn:hover{background:#ffffffeb}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:default;box-shadow:none}.btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:#ffffff59;color:#fff;box-shadow:0 6px 18px var(--accent-glow),inset 0 1px #ffffff59}.btn.primary:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--accent-2),var(--accent))}.btn.icon{width:38px;padding:0}.btn.icon svg{width:18px;height:18px}.btn.outline{background:var(--ios-bg)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--stage-muted)}.btn.ghost:hover{background:#ffffffb3;color:var(--stage-text)}.btn.danger{color:#d7263d}.btn.small{height:34px;padding:0 13px;font-size:12.5px}.btn.block{width:100%;height:48px;font-size:14px;border-radius:16px}.btn.round{width:40px;height:40px;padding:0;border-radius:50%}.btn.pill{height:40px;padding:0 20px}.studio{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 420px;gap:0;z-index:1}.stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding-top:var(--header-h)}.stage-head{position:absolute;left:30px;top:calc(var(--header-h) + 14px);z-index:3;pointer-events:none}.stage-head .lab{display:inline-flex;align-items:center;gap:8px;color:var(--stage-muted);margin-bottom:8px}.stage-head .lab i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);display:inline-block}.stage-head h1{margin:0;font-size:30px;letter-spacing:-.04em;font-weight:700;color:var(--stage-text);line-height:1.05}.stage-head h1 span{display:block;color:var(--stage-muted);font-weight:500;font-size:15px;letter-spacing:-.01em;margin-top:4px}.stage-head .hint{display:none}.callout{position:absolute;left:30px;bottom:34px;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;transform:translateY(8px);opacity:0;transition:all .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}.callout.show{transform:none;opacity:1}.callout{transition:all .35s cubic-bezier(.2,.8,.2,1)}.callout .sw{transition:background .35s ease}.callout .sw{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #0000002e,0 0 0 1px var(--glass-edge)}.callout b{display:block;font-size:13px;color:var(--text)}.callout small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:2px}.canvas-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:90px 40px 110px;overflow:hidden}.canvas-wrap .views{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;gap:28px;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.view-cell{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px}.view-cell:not(.active){display:none}.canvas-wrap svg.view{width:100%;height:100%;max-height:100%;flex:1 1 0;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible}.view-cap{display:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--stage-muted);padding:6px 12px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:all .2s;background:transparent}body.dual .view-cell{display:flex}body.dual .view-cap{display:inline-block}body.dual .view-cell.active .view-cap{color:var(--accent);background:var(--accent-tint);border-color:#3fae624d}body.dual .stage-foot{display:none}body.dual .canvas-wrap{padding:90px 30px 40px}svg.view [data-part]{cursor:pointer;transition:filter .15s}svg.view [data-part]:not(.raster):hover{filter:brightness(.93)}svg.view [data-part]:not(.raster){transition:stroke-width .4s ease}svg.view [data-part].part-sel:not(.raster){stroke:var(--accent-2)!important;stroke-width:3px!important;stroke-dasharray:8 5}svg.view rect.raster{transition:opacity .45s ease}svg.view .raster.part-sel{stroke:none!important;opacity:1}svg.view .layer{cursor:move}svg.view .layer.hidden{display:none}svg.view .sel polygon{fill:none;stroke:var(--accent-2);stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}svg.view .sel [data-handle]{cursor:pointer}svg.view .sel [data-handle=rot]{cursor:nwse-resize}svg.view .noevents{pointer-events:none}.stage-foot{position:absolute;right:72px;bottom:22px;z-index:3;display:flex;align-items:center;gap:10px;padding:6px;border-radius:999px}.view-tabs{display:flex;gap:6px}.view-tab{display:flex;flex-direction:column;align-items:center;gap:2px;width:84px;padding:6px 6px 5px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:10.5px;font-weight:600;transition:all .2s}.view-tab svg{width:64px;height:38px;pointer-events:none}.view-tab:hover{background:var(--chip-hover)}.view-tab.active{color:var(--accent);background:var(--accent-tint);border-color:#3fae624d}.zoom{display:flex;gap:2px;align-items:center;padding:2px}.joy{position:relative;width:64px;height:64px;border-radius:50%;background:#0000000d;border:1px solid var(--border);touch-action:none;cursor:grab;flex:none}.joy:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1px dashed var(--border-strong)}.joy .knob{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:linear-gradient(180deg,#fff,#e9ecf2);border:1px solid var(--border-strong);box-shadow:0 2px 8px #0000002e;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.joy.active .knob{transition:none;background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:var(--accent)}.joy .knob{box-shadow:0 2px 8px #00000024}.canvas-wrap{cursor:grab}.canvas-wrap.panning{cursor:grabbing}.canvas-wrap.panning .views{transition:none}.views.nozoomanim{transition:none!important}.zoom .btn{width:34px;height:34px;padding:0;font-size:18px;font-weight:500;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.zoom .btn:hover{background:#0000000d}.zoom span{min-width:48px;text-align:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em}.toast{position:absolute;left:50%;top:calc(var(--header-h) + 18px);transform:translate(-50%) translateY(-8px);background:#1d1d1feb;color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:5;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.panel .handle{display:none}.panel{display:flex;flex-direction:column;min-height:0;min-width:0;margin:calc(var(--header-h) + 6px) 18px 18px 0;border-radius:var(--radius-xl);overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 12px 4px;padding:5px;flex:none;border-radius:20px;background:#0000000d;border:1px solid rgba(0,0,0,.04)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:58px;padding:0 2px;border-radius:15px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:-.01em;transition:all .2s;min-width:0}.tab svg{width:22px;height:22px;flex:none}.tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tab:hover{color:var(--text);background:#ffffff8c}.tab.active{background:#fff;color:var(--text);box-shadow:0 1px 2px #00000014,0 4px 12px #00000014}.tab.active svg{color:var(--accent)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 30px;min-height:0;scrollbar-width:thin}.section{display:none;animation:fade .28s cubic-bezier(.2,.8,.2,1)}.section.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section h2{margin:0 0 4px;font-size:22px;letter-spacing:-.035em;font-weight:700}.section h2:before{content:attr(data-n);display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--accent);margin-bottom:8px;font-weight:600}.section .lead{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.group{margin-bottom:22px}.group>label,.group-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.group-title .val{font-family:var(--font);font-weight:600;color:var(--text);text-transform:none;letter-spacing:0;font-size:12.5px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--chip);text-align:left;transition:all .2s;overflow:hidden}.card:hover{background:var(--chip-hover);transform:translateY(-1px)}.card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.card.disabled{opacity:.55;cursor:default}.card .thumb{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.card .thumb svg{width:100%;height:100%;pointer-events:none}.card .title{font-weight:700;font-size:13px}.card .sub{font-size:11.5px;color:var(--muted);margin-top:2px}.card .badge{position:absolute;top:8px;right:8px;font-family:var(--mono);font-size:9px;padding:3px 7px;border-radius:999px;background:var(--accent-tint);color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin:0 -20px;padding-left:20px;padding-right:20px}.chips.scroll::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 9px;border-radius:999px;border:1px solid var(--border);background:var(--chip);font-weight:600;font-size:12.5px;color:var(--text);transition:all .2s}.chip:hover{background:var(--chip-hover);transform:translateY(-1px)}.chip.active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.chip .dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong);flex:none;box-shadow:inset 0 1px 2px #00000014}.chip.text-only{padding:0 14px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;position:relative;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 6px #0000001f}.swatch:hover{transform:scale(1.1)}.swatch.active{transform:scale(1.08);box-shadow:0 0 0 3px var(--bg-2),0 0 0 5px var(--text),inset 0 -3px 6px #0000001f}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.field{width:100%;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:var(--chip);outline:none;transition:border .15s,box-shadow .15s,background .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);background:var(--bg-2)}select.field{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:linear-gradient(var(--accent),var(--accent)) 0 / var(--pct, 50%) 100% no-repeat,var(--border-strong);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 8px #00000038;cursor:grab;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 8px #00000038}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:13px;text-transform:none;letter-spacing:0;font-family:var(--font);color:var(--text)}.switch input{display:none}.switch .track{width:44px;height:27px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .25s;flex:none}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(17px)}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px 14px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:all .2s;background:var(--chip)}.upload:hover,.upload.drag{border-color:var(--accent);background:var(--accent-tint)}.upload svg{width:28px;height:28px;color:var(--accent)}.upload b{font-size:13px}.upload span{font-size:12px;color:var(--muted)}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-btn{aspect-ratio:1;border-radius:14px;border:1px solid var(--border);background:var(--chip);display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{border-color:var(--accent);background:var(--accent-tint);transform:translateY(-2px) scale(1.04)}.icon-btn svg{width:58%;height:58%}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid var(--border);background:var(--chip);cursor:pointer;transition:all .2s}.layer-item:hover{background:var(--chip-hover)}.layer-item.active{border-color:var(--accent);background:var(--accent-tint)}.layer-item .grip{width:14px;color:var(--muted);flex:none;cursor:grab;display:flex;align-items:center}.layer-item .grip svg{width:14px;height:14px}.layer-item.dragging{opacity:.45}.layer-item.drop-before{box-shadow:0 -3px 0 0 var(--accent)}.layer-item.drop-after{box-shadow:0 3px 0 0 var(--accent)}.layer-item .pos{font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:.08em;flex:none}.layer-item .ico{width:32px;height:32px;border-radius:9px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.layer-item .ico img,.layer-item .ico svg{width:100%;height:100%;object-fit:contain}.layer-item .lname{flex:1;min-width:0;font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item .mini{width:28px;height:28px;border:0;background:transparent;border-radius:8px;color:var(--muted);display:flex;align-items:center;justify-content:center}.layer-item .mini:hover{background:var(--accent-tint);color:var(--accent)}.layer-item .mini svg{width:15px;height:15px}.empty{color:var(--muted);font-size:13px;text-align:center;padding:22px 10px;border:1.5px dashed var(--border-strong);border-radius:var(--radius)}.palette-chips{display:flex;gap:8px;flex-wrap:wrap}.palette-chips .swatch{width:32px;height:32px}.note{font-size:12px;color:var(--muted);line-height:1.5}.tag-preview{display:flex;align-items:center;justify-content:center;padding:18px;border-radius:var(--radius);background:var(--chip);border:1px solid var(--border);margin-bottom:12px}.tag-preview svg{height:50px;width:auto}.part-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0}.part-hero .part-card{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;padding:12px 14px;cursor:default}.part-hero .part-card:hover{transform:none}.part-hero .part-card .pic{margin:0}.part-hero .part-card b{font-size:16px}.part-hero .part-card .hint{display:block;font-size:12px;color:var(--muted);margin-top:3px}.part-hero .part-card .num{position:static;display:block;margin-bottom:4px}.part-card{width:auto;padding:10px 10px 11px;border-radius:18px;border:1px solid var(--border);background:var(--chip);text-align:left;color:var(--text);transition:all .2s;position:relative}.part-card:hover{background:var(--chip-hover);transform:translateY(-2px)}.part-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint),0 10px 24px #3fae6224;background:var(--chip-hover)}.part-card .pic{position:relative;width:100%;aspect-ratio:320 / 144;margin-bottom:8px}.part-card .pic>span{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:contain}.part-card .pic .piece{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.part-card .num{position:absolute;top:8px;left:10px;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.1em}.part-card b{display:block;font-size:12.5px;font-weight:600;line-height:1.2}.part-card .col{display:flex;align-items:center;gap:6px;margin-top:5px;font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.part-card .col i{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-strong);display:inline-block}svg.view [data-part].part-hover:not(.part-sel){opacity:1}.history{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:linear-gradient(180deg,#5fc8844d,#3fae6238);border:1px solid rgba(63,174,98,.38);box-shadow:var(--ios-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.history .hb{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--accent-dark);transition:all .15s}.history .hb:hover{background:#ffffff8c}.history .hb:active{transform:scale(.94)}.history .hb:disabled{opacity:.38;cursor:default;background:transparent}.history .hb svg{width:19px;height:19px}.history .sep{width:1px;height:16px;background:#3fae6266}@media(max-width:960px){.history .hb{width:34px;height:30px}.history .hb svg{width:17px;height:17px}.history{padding:2px}}.only-mobile{display:none}@media(max-width:960px){.hide-mobile{display:none!important}.only-mobile{display:block}}svg.view .print-guide{fill:none;stroke:#3fae62b3;stroke-width:2;stroke-dasharray:10 8;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .25s}svg.view.show-guide .print-guide{opacity:1}.stage-foot{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:3}.stage-foot.single{display:none}.view-tab{width:auto;flex-direction:row;gap:0;padding:0 18px;height:36px;border-radius:999px;font-size:13px}.view-tab svg,.view-tab .thumb-holder{display:none}.view-tab.active{background:var(--text);color:var(--bg-2);border-color:transparent;box-shadow:none}.cat-card.garment .pic{aspect-ratio:1}.cat-card .colors{display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}.cat-card .colors i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block}.cat-sub{grid-column:1 / -1;font-size:12px;font-weight:600;color:var(--text);margin:6px 0 -4px}.catalog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#14182247;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.catalog.open{display:flex}.catalog-sheet{width:min(760px,100%);max-height:88vh;overflow-y:auto;border-radius:var(--radius-xl);padding:24px 26px 28px;animation:sheetUp .35s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.catalog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.catalog-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.035em}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.cat-section{grid-column:1 / -1;color:var(--muted);margin:8px 0 -2px}.cat-card{border:1px solid var(--border);border-radius:20px;background:var(--chip);padding:14px;text-align:left;color:var(--text);transition:all .2s;position:relative}.cat-card:hover{background:var(--chip-hover);transform:translateY(-2px)}.cat-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.cat-card.soon{opacity:.6}.cat-card .pic{position:relative;width:100%;aspect-ratio:320 / 144;margin-bottom:10px;color:var(--muted);display:flex;align-items:center;justify-content:center}.cat-card .pic>span{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:contain;background-position:center}.cat-card .pic svg{width:46%;height:100%}.cat-card b{display:block;font-size:15px;font-weight:600}.cat-card small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}@media(max-width:960px){#productBtn .txt{display:none}.catalog{padding:0;align-items:flex-end}.catalog-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:18px 16px 26px}}.recenter{position:absolute;right:22px;bottom:26px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--ios-border);background:var(--ios-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ios-shadow);color:var(--stage-muted);display:flex;align-items:center;justify-content:center;opacity:.75;transition:all .2s}.recenter svg{width:18px;height:18px}.recenter:hover{opacity:1;color:var(--stage-text);transform:scale(1.06)}.recenter.off{opacity:1;color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:#ffffff59;box-shadow:0 6px 16px var(--accent-glow)}@media(max-width:960px){.recenter{right:12px;bottom:12px;width:34px;height:34px}}.layerbar{position:absolute;z-index:4;display:none;align-items:center;gap:2px;padding:4px 6px 4px 12px;border-radius:999px;transform:translate(-50%);white-space:nowrap}.layerbar .lbl{color:var(--muted);margin-right:6px}.layerbar.show{display:flex;animation:fade .18s ease}.layerbar .lb{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;border:0;background:transparent;color:var(--text);font-weight:600;font-size:12px}.layerbar .lb:hover{background:var(--chip-hover)}.layerbar .lb svg{width:15px;height:15px}.layerbar .lb.danger{color:#d7263d}.layerbar .sep{width:1px;height:18px;background:var(--border-strong);margin:0 3px}@media(max-width:960px){.layerbar .lb span{display:none}.layerbar .lb{padding:0 8px}}.font-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.font-card{border:1px solid var(--border);border-radius:14px;background:var(--chip);padding:10px 12px 8px;text-align:left;color:var(--text);transition:all .2s;overflow:hidden}.font-card:hover{background:var(--chip-hover);transform:translateY(-1px)}.font-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background:var(--chip-hover)}.font-card .prev{display:block;font-size:24px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-card small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}.swatch.custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;text-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none}.wand-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:repeating-conic-gradient(#e6e8ec 0 25%,#f7f7f9 0 50%) 0 0 / 16px 16px;display:flex;justify-content:center}.wand-wrap canvas{display:block;max-width:100%;height:auto;cursor:crosshair;touch-action:none}.summary{flex:none;border-top:1px solid rgba(0,0,0,.05);padding:14px 20px 16px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;background:linear-gradient(to top,var(--glass-strong),transparent)}.summary .label{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.summary .price{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-top:2px}.summary .price small{font-size:12px;color:var(--muted);font-weight:500;margin-left:4px;letter-spacing:0}.summary .btns{display:flex;gap:8px}.kbd{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.08em}@media(max-width:960px){.studio{grid-template-columns:1fr;grid-template-rows:1fr auto}.panel{margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:52vh}.panel .handle{display:block;width:100%;height:22px;border:0;background:transparent;padding:0;flex:none;position:relative}.panel .handle:before{content:"";position:absolute;left:50%;top:9px;width:44px;height:5px;border-radius:5px;background:var(--border-strong);transform:translate(-50%)}.panel{transition:max-height .35s cubic-bezier(.2,.8,.2,1)}.panel.compact{max-height:96px}.panel.compact .panel-body,.panel.compact .summary{display:none}.panel.compact .handle:before{background:var(--accent)}.studio.focus .canvas-wrap{padding:60px 6px 24px}.tabs{margin:8px 10px 2px;padding:4px;gap:2px}.tab{height:54px;font-size:10px;gap:4px;border-radius:13px}.tab svg{width:21px;height:21px}.stage{padding-top:var(--header-h)}.stage-head{left:18px;top:calc(var(--header-h) + 4px)}.stage-head h1{font-size:20px}.stage-head h1 span{font-size:12px}.stage-head .lab{margin-bottom:4px}.canvas-wrap{padding:70px 10px 60px}.callout{left:16px;bottom:14px;padding:8px 12px 8px 8px}.callout .sw{width:24px;height:24px}.zoom,.joy{display:none}.stage-foot{bottom:12px}.stage-foot.single{display:none}.view-tab{width:70px}.view-tab svg{width:52px;height:32px}.panel-body{padding:14px 16px 24px}.topbar{padding:0 10px;gap:8px}.topbar .btn .txt{display:none}.topbar .btn{width:34px;height:34px;padding:0}.topbar .actions{gap:2px}.brand .logo-plate{height:30px;border-radius:9px}.brand .name small{display:none}.summary{padding:10px 16px 14px}.chips.scroll{margin:0 -16px;padding-left:16px;padding-right:16px}}@media(max-height:820px)and (min-width:961px){.canvas-wrap{padding:70px 30px 90px}}@media(max-width:1200px)and (min-width:961px){.studio{grid-template-columns:1fr 380px}.panel{margin-right:12px}.tab{font-size:9.5px;letter-spacing:-.03em;padding:0}.tab span{overflow:visible}.tabs{gap:2px;padding:4px}.stage-head h1{font-size:24px}}@media(max-width:400px){.icon-grid{grid-template-columns:repeat(4,1fr)}.summary{grid-template-columns:1fr}.summary .btns{justify-content:flex-end}.summary .price{font-size:20px}}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border-radius:12px;background:var(--chip);border:1px solid var(--border);margin-bottom:10px}.seg button{height:32px;border:0;border-radius:9px;background:transparent;font:600 12.5px var(--font);color:var(--muted);cursor:pointer;transition:all .2s}.seg button.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0000001a,0 0 0 1px #0000000a}.seg button:hover:not(.active){color:var(--text)}.btn.tiny{height:24px;padding:0 9px;font-size:11px;font-family:var(--font);letter-spacing:0;text-transform:none}.wand-wrap canvas.brush{cursor:none}.snap-line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;opacity:.9;pointer-events:none}svg.view .sel polygon.locked{stroke:var(--muted);stroke-dasharray:2 4}.layer-item.locked .lname{color:var(--muted)}.layer-item .mini.on{color:var(--accent);background:var(--accent-tint)}.layer-item .rename{flex:1;min-width:0;height:28px;border-radius:8px;border:1px solid var(--accent);padding:0 8px;font:600 12.5px var(--font);color:var(--text);background:#fff;outline:none}#lockLayer.on{background:var(--accent-tint);color:var(--accent);border-color:transparent}@media(max-width:960px){.seg button{height:36px}}.cat-home{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cat-home .home-card{border:1px solid var(--border);border-radius:22px;background:var(--chip);padding:18px;text-align:left;color:var(--text);transition:all .2s;display:flex;flex-direction:column;gap:4px;min-height:230px}.cat-home .home-card:hover{background:var(--chip-hover);transform:translateY(-2px);border-color:var(--accent)}.cat-home .home-card .pic{flex:1;background:no-repeat center / contain;margin-bottom:10px;min-height:130px}.cat-home .home-card b{font-size:18px;letter-spacing:-.02em}.cat-home .home-card small{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cat-back{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 6px;border-radius:999px;border:1px solid var(--border);background:var(--chip);color:var(--text);font:600 12px var(--font);cursor:pointer;margin-bottom:14px}.cat-back svg{width:16px;height:16px}@media(max-width:600px){.cat-home{grid-template-columns:1fr}.cat-home .home-card{min-height:160px}.cat-home .home-card .pic{min-height:90px}}body.garment .summary{flex-wrap:wrap;gap:10px}body.garment .summary .btns{flex-wrap:wrap}.areas{display:flex;gap:2px;padding:3px;border-radius:999px;background:#0000000f;margin-left:14px}.areas a{padding:0 14px;height:32px;display:flex;align-items:center;border-radius:999px;font:600 13px var(--font);color:var(--muted);text-decoration:none}.areas a.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0000001a}.portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:24px}.portal .logo{height:96px;border-radius:26px;box-shadow:0 24px 60px #3fae6259}.portal h1{margin:0;font-size:34px;letter-spacing:-.04em;text-align:center}.portal h1 span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-top:8px}.portal .doors{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(820px,100%)}.portal .door{border-radius:28px;padding:26px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:6px;min-height:300px;transition:all .25s cubic-bezier(.2,.8,.2,1)}.portal .door:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow),0 0 0 2px var(--accent)}.portal .door .pic{flex:1;background:no-repeat center / contain;margin-bottom:14px;min-height:150px}.portal .door b{font-size:22px;letter-spacing:-.03em}.portal .door small{color:var(--muted);font-size:13px;line-height:1.45}.portal .door .go{margin-top:12px;align-self:flex-start}@media(max-width:700px){.portal .doors{grid-template-columns:1fr}.portal .door{min-height:200px}.portal .door .pic{min-height:90px}}@media(max-width:1100px){.areas{margin-left:6px}.areas a{padding:0 10px;font-size:12px}}.ref-strip{position:absolute;left:22px;top:calc(var(--header-h) + 118px);bottom:84px;width:168px;border-radius:22px;display:flex;flex-direction:column;z-index:3;overflow:hidden;transition:width .25s cubic-bezier(.2,.8,.2,1)}.ref-strip .rs-head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px 12px;color:var(--muted);white-space:nowrap;overflow:hidden}.ref-strip .rs-toggle{width:24px;height:24px;border:0;border-radius:8px;background:#0000000d;color:var(--text);cursor:pointer;font-size:14px;flex:none}.ref-strip .rs-list{flex:1;overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:8px}.ref-strip.folded{width:44px}.ref-strip.folded .rs-list,.ref-strip.folded .rs-actions,.ref-strip.folded .rs-head .mono{display:none}.rs-actions{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px}.rs-act{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;color:var(--text);font:600 12px var(--font);cursor:pointer;transition:all .18s;box-shadow:0 1px 2px #0000000a}.rs-act svg{width:15px;height:15px;color:var(--accent-dark)}.rs-act:hover{background:var(--accent-tint);border-color:var(--accent)}.rs-act:active{transform:scale(.97)}.ref-strip.folded .rs-head{justify-content:center;padding:10px 0}.ref-strip.folded .rs-toggle{transform:rotate(180deg)}.rs-group{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);padding:6px 4px 0}.rs-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:6px;cursor:pointer;transition:all .18s}.rs-card:hover{border-color:var(--accent)}.rs-card.current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.rs-card .shots{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:1.3}.rs-card .shots img{width:100%;height:100%;object-fit:contain}.rs-card b{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-card small{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rs-card small i{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex:none}.rs-card .use{margin-top:6px;width:100%;height:24px;border-radius:8px;border:1px solid var(--border);background:var(--chip);font:600 10.5px var(--font);color:var(--accent-dark);cursor:pointer}.rs-card .use:hover{background:var(--accent-tint);border-color:var(--accent)}body.has-ref .stage-head{left:30px}body.has-ref.dual .canvas-wrap{padding-left:200px}body.has-ref:not(.dual) .canvas-wrap{padding-left:200px}@media(max-width:960px){.ref-strip{display:none!important}body.has-ref .canvas-wrap{padding-left:6px}}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.picker-card{border:1px solid var(--border);border-radius:18px;background:var(--chip);padding:12px}.picker-card .pic{height:120px;background:no-repeat center / contain;border-radius:10px;margin-bottom:8px}.picker-card b{display:block;font-size:14px}.picker-card small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:3px 0 8px}.picker-card .cols{display:flex;flex-wrap:wrap;gap:5px}.picker-card .cols button{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;transition:transform .15s}.picker-card .cols button:hover{transform:scale(1.25);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.picker-card .cols button.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.picker-card .cols .more{width:auto;height:22px;border-radius:999px;padding:0 8px;font:600 10px var(--font);background:#fff}.picker-sub{grid-column:1 / -1;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}body.garment .summary .btns{gap:6px}body.garment .summary .btns .btn{height:34px;padding:0 12px;font-size:12px}.rs-card.base{border-color:var(--accent);background:var(--accent-tint)}.rs-card.base .shots{aspect-ratio:1.05}.rs-card.base b{font-size:12px}.ref-strip{width:190px}body.has-ref.dual .canvas-wrap,body.has-ref:not(.dual) .canvas-wrap{padding-left:222px}.ref-dock{position:absolute;left:22px;bottom:16px;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:18px;max-width:calc(100% - 120px);overflow-x:auto}.ref-dock .rd-title{color:var(--accent-dark);white-space:nowrap;margin-right:4px}.ref-dock .rd-item{display:flex;gap:2px;width:84px;height:60px;padding:4px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;flex:none;transition:all .18s}.ref-dock .rd-item:hover{border-color:var(--accent);transform:translateY(-2px)}.ref-dock .rd-item img{width:50%;height:100%;object-fit:contain}body.has-ref .ref-strip{bottom:96px}.btn.primary.danger{background:linear-gradient(180deg,#e8506a,#d7263d);box-shadow:0 6px 18px #d7263d4d}@media(max-width:960px){body.dual .canvas-wrap{padding:70px 8px}body.dual .stage-foot{display:none}body.dual .view-cap{display:inline-block}}body.dual .view-cap{display:none!important}body.dual .view-cell{gap:0}body.dual .canvas-wrap .views{gap:10px}body.dual .canvas-wrap{padding:64px 8px 12px}body.has-ref.dual .canvas-wrap{padding-left:176px}.ref-strip{width:150px}.ref-strip .rs-card .shots{aspect-ratio:1.4}body.dual .stage-head h1{font-size:22px}body.dual .stage-head h1 span{font-size:12px;margin-top:2px}@media(max-width:960px){body.dual .canvas-wrap{padding:60px 4px 12px}}.wand-wrap canvas.pick{cursor:crosshair}#adjH{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}#adjS{background:linear-gradient(to right,#9a9a9a,#3fae62)!important}#adjB{background:linear-gradient(to right,#000,gray,#fff)!important}#adjC{background:linear-gradient(to right,#b0b0b0,#333)!important}#adjH,#adjS,#adjB,#adjC{height:14px;border-radius:8px;border:1px solid rgba(0,0,0,.12)}.canvas-wrap .views,.view-cell,svg.view{transition:none}.view-mode{position:absolute;right:22px;top:calc(var(--header-h) + 14px);z-index:4;display:flex;gap:2px;padding:3px;border-radius:999px}.view-mode button{height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:600 12px var(--font);color:var(--muted);cursor:pointer}.view-mode button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}body:not(.dual) .stage-foot{display:none}@media(max-width:960px){.view-mode{right:8px;top:calc(var(--header-h) + 6px)}.view-mode button{padding:0 9px;font-size:11px}}.area-tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--accent-tint);color:var(--accent-dark);margin-left:8px}.brand .logo-plate{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.brand:hover .logo-plate{transform:scale(1.04)}.stock-table{width:100%;border-collapse:collapse;font-size:13px}.stock-table th{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding:6px 4px;border-bottom:1px solid var(--border)}.stock-table th:first-child{text-align:left}.stock-table td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.stock-table td:first-child{text-align:left}.stock-table td.tot{font-weight:700}.stock-table td.low{color:#c77700}.stock-table td.zero{color:#d7263d;font-weight:600}.stock-table tr.mine td{background:var(--accent-tint)}.stock-table tr.mine td:first-child{border-left:3px solid var(--accent)}.layer-tools{margin:-2px 0 8px;padding:12px 12px 4px;border-radius:0 0 16px 16px;border:1px solid var(--accent);border-top:0;background:#3fae620f}.layer-tools #imgTools{margin-top:0!important}.layer-item.active:has(+.layer-tools){border-radius:14px 14px 0 0}.inline-picker{margin:10px 0 14px;padding:12px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:var(--ios-shadow)}.ip-sv{position:relative;width:100%;height:150px;border-radius:12px;cursor:crosshair;touch-action:none;border:1px solid rgba(0,0,0,.08)}.ip-dot{position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none}.ip-hue{margin:12px 0 10px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:14px;border-radius:8px}.ip-row{display:flex;align-items:center;gap:8px}.ip-prev{width:34px;height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.1);flex:none}.ip-hex{flex:1;height:34px;font-family:var(--mono);font-size:13px;text-transform:uppercase}.ip-recent{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ip-recent .ip-r{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0}.ip-recent .ip-r:hover{transform:scale(1.2)}.swatch.custom{cursor:pointer}.layer-view-head{display:flex;align-items:center;gap:4px;padding:10px 6px 6px;color:var(--muted)}.layer-view-head.active{color:var(--accent-dark)}.layer-view-head small{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em}#recolorGroup .group-title{align-items:center}.layer-item .mini.chev svg{transition:transform .2s}.layer-item .mini.chev.on svg{transform:rotate(180deg)}.layer-item .mini.chev{color:var(--accent-dark)}.ctx-menu{position:fixed;z-index:120;min-width:230px;padding:6px;border-radius:16px;display:flex;flex-direction:column;animation:sheetUp .15s cubic-bezier(.2,.8,.2,1)}.ctx-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:32px;padding:0 12px;border:0;border-radius:10px;background:transparent;font:500 13px var(--font);color:var(--text);cursor:pointer;text-align:left}.ctx-menu button:hover{background:var(--accent);color:#fff}.ctx-menu button:hover .kbd{color:#fffc}.ctx-menu button.danger{color:#d7263d}.ctx-menu button.danger:hover{background:#d7263d;color:#fff}.ctx-menu .sep{height:1px;background:var(--border);margin:5px 8px}.group.acc>.acc-head{cursor:pointer;-webkit-user-select:none;user-select:none}.group.acc .acc-chev{display:inline-flex;margin-left:auto;padding-left:8px;color:var(--accent-dark)}.group.acc .acc-chev svg{width:16px;height:16px;transition:transform .2s}.group.acc.open .acc-chev svg{transform:rotate(180deg)}.group.acc>:not(.acc-head){display:none}.group.acc.open>:not(.acc-head){display:revert}.group.acc.open>.row,.group.acc.open>.seg,.group.acc.open>.palette-chips,.group.acc.open>.wand-wrap{display:flex}.group.acc.open>.seg{display:grid}.group.acc{margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.group.acc.open{margin-bottom:18px}#recolorGroup.acc-hidden{display:none!important}.group.acc>.acc-head{gap:10px;justify-content:flex-start}.group.acc>.acc-head .kbd{margin-left:2px}.group.acc>.acc-head .val{margin-left:auto}.group.acc{margin:0 0 10px;padding:0;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#ffffffe6,#ffffffa6);box-shadow:0 1px 2px #0000000a,0 6px 16px #141e3c0d;overflow:hidden}.group.acc.open{margin-bottom:12px}.group.acc>.acc-head{margin:0;padding:12px 14px;background:#3fae6214;border-bottom:1px solid transparent;color:var(--text);font-family:var(--font);font-size:13.5px;font-weight:700;letter-spacing:-.01em;text-transform:none}.group.acc.open>.acc-head{border-bottom-color:var(--border);background:#3fae6224}.group.acc>.acc-head:hover{background:#3fae622e}.group.acc>.acc-head .kbd{font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.group.acc>.acc-head .val{font-family:var(--mono);font-size:12px;color:var(--accent-dark)}.group.acc>.acc-head .acc-chev{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001f;align-items:center;justify-content:center;padding:0}.group.acc>.acc-head .acc-chev svg{width:14px;height:14px}.group.acc>:not(.acc-head){margin-left:14px;margin-right:14px}.group.acc.open>:not(.acc-head):first-of-type{margin-top:12px}.group.acc.open>:last-child{margin-bottom:14px}.group.acc>input[type=range]{width:calc(100% - 28px)}#recolorGroup{border:1px solid rgba(63,174,98,.35);border-radius:18px;padding:12px 14px;background:#3fae620d}.newver{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;font:600 13px var(--font);animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}#productBtn .gsw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block;flex:none;margin-right:2px}@media(max-width:640px){body.has-ref .canvas-wrap,body.has-ref.dual .canvas-wrap,.canvas-wrap{padding:46px 8px 54px!important}.stage-head{left:14px;top:calc(var(--header-h) + 8px);right:14px}.stage-head .lab,.stage-head h1 span{display:none}.stage-head h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-mode{right:auto!important;left:50%!important;top:auto!important;bottom:10px;transform:translate(-50%);padding:3px}.view-mode button{height:30px;padding:0 10px;font-size:11.5px;white-space:nowrap}.recenter{bottom:52px;right:10px}.callout{display:none!important}.panel{max-height:58vh}.panel.compact{max-height:104px}.tabs{margin:6px 10px 4px}.tab{height:52px}.panel-body{padding:12px 14px 20px}.panel-body h2,.section h2{font-size:20px}.summary{grid-template-columns:1fr;padding:8px 12px 12px;gap:6px}.summary>div:first-child{display:none}.summary .btns{flex-wrap:wrap;justify-content:stretch}.summary .btns .btn{flex:1 1 calc(50% - 6px);height:36px;font-size:12px;padding:0 10px;white-space:nowrap}.topbar{padding:0 8px;gap:6px}.topbar .btn{width:34px;height:34px}.topbar #productBtn{width:auto;padding:0 8px}.history .hb{width:30px}.tc-cloud{height:32px;padding:0 9px}.catalog-sheet{border-radius:24px 24px 0 0;max-height:92vh}.picker-grid{grid-template-columns:1fr}.inline-picker .ip-sv{height:130px}input[type=range]{height:28px}.layerbar .lb span{display:none}.canvas-wrap{touch-action:none}}@media(max-width:640px)and (max-height:700px){.panel{max-height:62vh}.canvas-wrap{padding:40px 8px 50px!important}}@media(max-width:960px){body.has-ref .canvas-wrap,body.has-ref.dual .canvas-wrap,body.has-ref:not(.dual) .canvas-wrap{padding-left:8px!important}}body.dual.stack .canvas-wrap .views{flex-direction:column;gap:4px}body.dual.stack .view-cell{flex:1 1 0;min-height:0;width:100%}body.dual.stack .canvas-wrap svg.view{width:100%;height:100%}@media(max-width:640px){body.dual.stack .canvas-wrap{padding:40px 6px 50px!important}body.dual.stack .panel.compact{max-height:104px}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:ease}.garment-photo{transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}svg.view .sel{transition:opacity .18s ease}body.sel-dim svg.view .sel{opacity:0;pointer-events:none}.catalog-sheet{padding-top:0}.catalog-head{position:sticky;top:0;z-index:3;padding-top:22px;margin-top:0;background:#fffffffa;padding-bottom:10px;box-shadow:0 1px #0000000f}@media(max-width:960px){.catalog-head{padding-top:16px}.catalog-head .btn.round{width:36px;height:36px}}@media(max-width:640px){body.dual .canvas-wrap .views{gap:6px}body.dual .canvas-wrap{padding:40px 4px 52px!important}}.place-row{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.place-lab{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:54px;flex:none;padding-top:8px}.place-btns{display:flex;flex-wrap:wrap;gap:6px}.place-btns button{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:#ffffffc7;font:600 12px var(--font);color:var(--text);cursor:pointer;transition:all .18s;white-space:nowrap}.place-btns button:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-dark)}.place-btns button:active{transform:scale(.96)}.ip-row .ip-eye{width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}body.stage-picking .canvas-wrap,body.stage-picking svg.view,body.stage-picking svg.view *{cursor:crosshair!important}
/*# sourceMappingURL=/cdn/shop/t/78/assets/tc-styles.css.map */