:root{--bg: #eef0f3;--panel: #ffffff;--panel-2: #f6f7f9;--border: #d9dde3;--text: #1d2228;--muted: #6b7480;--accent: #2f80ed;--accent-soft: rgba(47, 128, 237, .12);--danger: #d63c3c;--warn: #b26a00;--radius: 6px;color-scheme:light;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #111418;--panel: #1a1e23;--panel-2: #22272e;--border: #2f363f;--text: #e3e7ec;--muted: #8b95a1;--accent-soft: rgba(47, 128, 237, .22);--warn: #f0a742;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--accent-soft)}button.icon{padding:3px 7px}button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:4px 6px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}input[type=color]{padding:0;width:34px;height:26px}input[type=range]{padding:0}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.spacer{flex:1}.warn{color:var(--warn)}.app{display:flex;flex-direction:column;height:100%}.main{flex:1;display:flex;min-height:0}.center{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;display:flex;align-items:center;gap:6px;margin-right:8px}.logo{color:var(--accent);font-size:18px}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:260px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;padding:4px;display:flex;flex-direction:column}.menu button{text-align:left;border:none;background:transparent}.menu button:hover{background:var(--accent-soft)}.menu hr{border:none;border-top:1px solid var(--border);margin:4px 0;width:100%}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0}.toolstrip{width:64px;display:flex;flex-direction:column;gap:2px;padding:6px 4px;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto}.toolstrip button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-color:transparent;background:transparent}.toolstrip button.active{background:var(--accent-soft);border-color:var(--accent)}.toolstrip .ti{font-size:17px;line-height:1.1}.toolstrip .tl{font-size:10.5px}.toolstrip .sep{height:1px;background:var(--border);margin:6px 4px}.toolstrip .auto{color:var(--accent)}.workspace{flex:1;position:relative;overflow:hidden;min-height:200px}.workspace canvas{display:block;touch-action:none}.ws-overlay{position:absolute;left:8px;bottom:8px;display:flex;gap:10px;align-items:center;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:2px 8px;font-size:12px;color:var(--muted)}.ws-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--text);color:var(--panel);padding:4px 10px;border-radius:99px;font-size:12px;opacity:.85;pointer-events:none}.player,.threadbar,.statusbar{display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--panel);border-top:1px solid var(--border)}.player input[type=range]{flex:1}.threadbar{overflow-x:auto}.chip{display:flex;align-items:center;gap:4px;padding:3px 6px;position:relative}.chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--panel-2);color:inherit}.chip.add{font-weight:700}.chip .unused{position:absolute;top:-4px;right:2px;color:var(--muted)}.chip-num{font-size:11px;color:var(--muted);min-width:12px;text-align:center}.swatch{display:inline-block;width:18px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.25);flex-shrink:0}.statusbar{font-size:12px;color:var(--muted);gap:16px}.statusbar strong{color:var(--text)}.panel{width:310px;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border)}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs button{flex:1;border:none;border-radius:0;background:transparent;padding:9px 4px;border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent);background:transparent}.panel-body{flex:1;overflow-y:auto;padding:8px 10px 20px}.empty{color:var(--muted);padding:12px 4px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.section{padding:8px 0 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.section header{display:flex;align-items:center;justify-content:space-between}.section h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.field{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:8px}.field>span:first-child{color:var(--muted)}.field-input{display:flex;align-items:center;gap:4px}.field-input input{width:100%}.field-input em{font-style:normal;color:var(--muted);font-size:12px;min-width:22px}.toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle.compact{font-size:12px}.hint{margin:0;font-size:12px;color:var(--muted)}.hint.warn{color:var(--warn)}.row-actions{display:flex;gap:6px;align-items:center;padding:4px 0 8px}.row-actions.wrap{flex-wrap:wrap}.swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.swatch-btn{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid var(--border)}.swatch-btn.active{border-color:var(--accent)}.sequence,.sequence ul{list-style:none;margin:0;padding:0}.block{margin-bottom:6px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.block-head{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--panel-2);font-weight:600}.obj{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;cursor:pointer;border-top:1px solid var(--border)}.obj:hover{background:var(--accent-soft)}.obj.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.obj.hidden .name{opacity:.45;text-decoration:line-through}.obj .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obj .eye{font-size:11px;color:var(--muted)}.type-icon{width:16px;text-align:center;color:var(--muted)}.obj.branched{box-shadow:inset 2px 0 0 var(--muted)}.obj.branched.selected{box-shadow:inset 3px 0 0 var(--accent)}.branch-tag{color:var(--accent);font-size:12px}.ws-sel{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:6px}.ws-sel button{box-shadow:0 2px 8px #0000002e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1473;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(460px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal.wide{width:min(980px,100%)}.modal>header,.modal>footer{display:flex;align-items:center;gap:8px;padding:10px 14px}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between}.modal>footer{border-top:1px solid var(--border)}.modal h2{margin:0;font-size:15px}.modal h3{font-size:13px;margin:14px 0 6px}.modal-body{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.wizard{display:grid;grid-template-columns:1fr 300px;gap:16px}.wizard[hidden]{display:none}.digitize-notes{display:grid;gap:6px;padding:8px 0}.digitize-notes ul{margin:0;padding-left:18px;display:grid;gap:4px}.digitize-notes .hint{font-size:13px}.wizard-settings{display:flex;flex-direction:column;gap:8px}.wizard-preview{min-height:320px;display:flex;flex-direction:column;gap:10px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair figure{margin:0;display:flex;flex-direction:column;gap:4px}.pair img,.pair canvas{width:100%;height:280px;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.checker{background:repeating-conic-gradient(#e8e8e8,#e8e8e8 25%,#fff 0%,#fff 50%) 50% / 16px 16px!important}figcaption{font-size:12px;color:var(--muted)}.palette{display:flex;flex-wrap:wrap;gap:6px}.pal{display:flex;align-items:center;gap:6px}.pal.off{opacity:.4;text-decoration:line-through}.drop{flex:1;border:2px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:24px;text-align:center}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.thread-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.thread-grid.small{grid-template-columns:repeat(auto-fill,24px)}.thread-pick{display:flex;align-items:center;gap:6px;text-align:left}.radio-list{display:flex;flex-direction:column;gap:6px}.radio-list label{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;cursor:pointer}.radio-list label.active{border-color:var(--accent);background:var(--accent-soft)}.preview-text{font-size:28px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);overflow:hidden;white-space:pre}.keys td{padding:4px 8px 4px 0;vertical-align:top}kbd{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font:12px ui-monospace,monospace;white-space:nowrap}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}@media (max-width: 900px){.panel{width:260px}.wizard{grid-template-columns:1fr}.topbar .toggle.compact,.brand{display:none}}.start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);overflow-y:auto;padding:24px 16px}.start-card{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.start-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.start-head h1{margin:0 0 4px;font-size:26px}.start-head p{margin:0}.start-side{display:flex;gap:8px;flex-wrap:wrap}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.cat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;white-space:normal;padding:12px;background:var(--panel);border-radius:10px}.cat .cat-icon{font-size:26px;line-height:1;margin-bottom:4px}.cat .muted{font-size:12px}.cat.active{box-shadow:0 0 0 2px var(--accent);color:inherit}.start-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.start-detail h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.garments{display:flex;flex-direction:column;gap:8px}.garment{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:4px}.garment.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.garment-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:none;background:transparent;padding:8px;white-space:normal}.models{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px}.model{font-size:12px;padding:3px 8px;border-radius:99px}.placements{display:flex;flex-direction:column;gap:6px}.placement{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);cursor:pointer}.placement.active{border-color:var(--accent);background:var(--accent-soft)}.settings-preview{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}.settings-preview span{font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:99px;padding:2px 8px}.prep{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0;font-size:12.5px}.prep dt{color:var(--muted)}.prep dd{margin:0}.tips{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px;display:flex;flex-direction:column;gap:4px}.start-foot{display:flex;align-items:center;gap:8px;position:sticky;bottom:0;background:var(--bg);padding:12px 0;border-top:1px solid var(--border)}.for-garment{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2)}@media (max-width: 760px){.start-detail{grid-template-columns:1fr}}.runs-preview{display:block;width:100%;height:110px;padding:0}.ok{color:#1f9d55}@media (prefers-color-scheme: dark){.ok{color:#4ade80}}.radio-list label>span{flex:1}.radio-list label em{font-style:normal}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);overflow-y:auto;display:grid;place-items:center;padding:24px 16px}.gate-card{width:min(720px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px}.gate-brand{display:flex;align-items:center;gap:10px;font-size:18px}.gate h1{font-size:24px;margin:6px 0 0}.gate h2{font-size:15px;margin:10px 0 0}.gate p{margin:0}.gate-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.gate-plans.three{grid-template-columns:repeat(3,1fr)}.gate-plan{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);background:var(--panel-2);font:inherit;cursor:pointer;white-space:normal}.gate-plan:hover{border-color:var(--accent)}.gate-plan.featured{border:2px solid var(--accent)}.gate-plan-name{font-weight:600;display:flex;gap:8px;align-items:center}.gate-plan-name em{font-style:normal;font-size:11px;background:#f2c75c;color:#13294b;border-radius:999px;padding:1px 8px}.gate-price{font-size:30px;font-weight:800}.gate-price small{font-size:14px;font-weight:500;color:var(--muted);margin-left:3px}.gate-form{display:flex;gap:8px}.gate-form input{flex:1;min-width:0;padding:9px 10px}.gate-error{color:var(--danger)}.gate .small{font-size:12px}.gate-close{margin-left:auto;font-size:16px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:120;background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:10px 16px;box-shadow:0 8px 24px #0003;max-width:min(560px,calc(100% - 32px));cursor:pointer}.toast.bad{border-color:var(--danger)}@media (max-width: 700px){.gate-plans,.gate-plans.three{grid-template-columns:1fr}.gate-form{flex-direction:column}}.ws-hint.toast{top:auto;bottom:44px;background:#2f80ed;color:#fff}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.library-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;white-space:normal;padding:8px;background:var(--panel)}.library-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:4px;border:1px solid var(--border)}.library-card .muted{font-size:11.5px}.library-upsell{display:flex;flex-direction:column;gap:8px;padding:12px 4px}a.button{display:inline-block;padding:5px 10px;border-radius:var(--radius);border:1px solid var(--border);text-decoration:none;color:inherit}a.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ws-draft{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}.ws-draft button{box-shadow:0 2px 8px #0000002e}.app{height:100vh;height:100dvh}@media (pointer: coarse){input,select,textarea{font-size:16px}button{min-height:34px}.toolstrip button{min-height:0}}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:6px;padding:6px 8px}.topbar .spacer,.topbar .toggle{display:none}.main{flex-direction:column}.toolstrip{width:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);padding:4px;gap:2px}.toolstrip button{min-width:52px;flex-shrink:0}.toolstrip .sep{width:1px;height:auto;margin:4px}.center{min-height:0}.workspace{min-height:160px}.player,.threadbar{padding:4px 8px}.statusbar{flex-wrap:wrap;gap:4px 12px;padding:4px 8px}.hide-phone,.statusbar{display:none}.panel{width:auto;max-height:36vh;border-left:none;border-top:1px solid var(--border);flex-shrink:0}.panel.collapsed .panel-body{display:none}.field{grid-template-columns:96px 1fr}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.pair{grid-template-columns:1fr}.pair img,.pair canvas{height:200px}.ws-overlay{bottom:8px;left:8px}.ws-draft{bottom:44px}.ws-sel{bottom:44px;left:auto;right:8px;transform:none}.ws-hint{max-width:calc(100% - 16px);white-space:normal;text-align:center}}.helpchat{display:flex;flex-direction:column;gap:8px}.helpchat-log{max-height:300px;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius)}.helpchat-msg{max-width:90%;padding:7px 10px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.helpchat-msg.assistant{align-self:flex-start;background:var(--panel);border:1px solid var(--border)}.helpchat-msg.user{align-self:flex-end;background:var(--accent);color:#fff}.helpchat-msg a{color:var(--accent)}.helpchat-form{display:flex;gap:8px;align-items:flex-end}.helpchat-form textarea{flex:1;resize:none}.block-head{cursor:pointer}.block-head .eye{padding:0 4px;min-height:0}.block-head .block-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.merge-select{font-size:12px;padding:2px 4px;max-width:120px;font-weight:400}.chip .unused.off{right:auto;left:2px}.colour-in-design{border-top:1px solid var(--border);padding-top:4px}.env-preview{height:140px;touch-action:none}.env-preview.draggable{cursor:ns-resize}.env-grid{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:4px 6px;align-items:center;font-size:12px;margin-bottom:8px}.env-grid input{width:100%;min-width:0}.hoop-recs{display:flex;flex-direction:column;gap:2px}.hoop-chip{font-size:12px;padding:3px 8px}.hoop-chip.too-small{opacity:.6}.hoop-chip .ok{color:#2e9d57}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit;min-height:0}.start-hoop{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:8px 0;font-size:13px}