:root{--room:#2a2a2c;--glass:#1a1a1e9e;--glass-strong:#1e1e23c7;--glass-blur:28px;--edge:#ffffff17;--edge-strong:#ffffff29;--sheen:#ffffff12;--well:#00000047;--hover:#ffffff0f;--active:#ffffff1c;--text:#f2f2f4;--text-2:#a7a7b0;--text-3:#8e8e98;--accent:#e3ff00;--accent-ink:#111113;--danger:#ff7a6b;--r-panel:18px;--r-ctl:10px;--r-sm:7px;--row:30px;--ease:cubic-bezier(.16, 1, .3, 1);--shadow:0 24px 64px #0000006b, 0 2px 8px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--room);color:var(--text);-webkit-font-smoothing:antialiased;font:400 13px/1.45 Geist,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}::selection{color:#fff;background:#e3ff0047}input{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}:focus-visible{outline:1.5px solid var(--text);outline-offset:2px}h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}kbd{color:var(--text-3);border:1px solid var(--edge);border-radius:4px;padding:2px 4px;font:500 10px/1 Geist,ui-sans-serif,system-ui,sans-serif}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--sheen), var(--shadow);background-image:linear-gradient(160deg,#ffffff17,#fff0 38%);border-top-color:#ffffff2e}#app{height:100%;position:relative}.viewport{transition:padding .28s var(--ease);place-items:center;padding:84px 380px 28px 28px;display:grid;position:absolute;inset:0;overflow:hidden}#app.presets-open .viewport{padding-left:336px}.backdrop{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-canvas{z-index:1;background:repeating-conic-gradient(#2a2a2e 0% 25%,#222226 0% 50%) 50%/16px 16px;border-radius:4px;display:block;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 40px 90px #0000008c}.viewport.drop .stage-canvas{box-shadow:0 0 0 2px var(--text), 0 40px 90px #0000008c}.empty-stage{z-index:2;padding:inherit;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.empty-card{pointer-events:auto;border-radius:var(--r-panel);gap:10px;width:min(360px,100%);padding:22px 22px 18px;display:grid}.empty-card.glass{background-color:#141418d6}.empty-card p{color:var(--text-2);margin:0 0 6px}.topbar{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute;top:14px;left:14px;right:14px}.pill{pointer-events:auto;border-radius:14px;align-items:center;gap:2px;min-height:46px;padding:4px;display:flex}.zone-left{justify-self:start}.zone-center{justify-self:center}.zone-right{justify-self:end}.wordmark{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;padding:0 10px 0 8px;font-weight:600;display:flex}.mark{border:1.5px solid var(--text);border-radius:4px;width:14px;height:14px;position:relative}.mark:after{content:"";background:var(--text);border-radius:1px;width:3px;height:3px;position:absolute;inset:3px 3px auto auto}.rule-v{background:var(--edge);flex:none;width:1px;height:20px;margin:0 6px}.tool{appearance:none;color:var(--text-2);border-radius:var(--r-ctl);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 9px;transition:background .15s,color .15s;display:inline-flex}.tool:hover{background:var(--hover);color:var(--text)}.tool[aria-checked=true],.tool[aria-pressed=true]{background:var(--active);color:var(--text);box-shadow:inset 0 0 0 1px var(--edge)}.tool:disabled{opacity:.3;cursor:default;background:0 0}.tool.wide{padding:0 12px}.tool.danger:hover{color:var(--danger)}.tool kbd{margin-left:1px}.tool[aria-checked=true] kbd{color:var(--text-2)}.tool-group{gap:2px;display:flex}.cta{appearance:none;border-radius:var(--r-ctl);background:var(--accent);height:36px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s;border:0;align-items:center;gap:7px;margin-left:6px;padding:0 14px 0 12px;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #e3ff002e}.cta:hover{box-shadow:0 8px 24px #e3ff0047}.cta:active{transform:translateY(1px)}.seg{border-radius:var(--r-ctl);background:var(--well);gap:2px;padding:2px;display:inline-flex}.seg button{appearance:none;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-weight:500;display:inline-flex}.seg button:hover{color:var(--text)}.seg button[aria-checked=true]{background:var(--active);color:var(--text);box-shadow:inset 0 1px 0 var(--sheen)}.dropdown{position:relative}.dropdown summary{list-style:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown[open] summary{background:var(--active);color:var(--text)}.menu{z-index:20;background:var(--glass-strong);border-radius:14px;min-width:230px;padding:6px;position:absolute;top:calc(100% + 10px);left:0}.menu-item{text-align:left;appearance:none;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;padding:9px 10px;display:block}.menu-item:hover{background:var(--hover)}.inspector,.drawer{z-index:5;border-radius:var(--r-panel);flex-direction:column;display:flex;position:absolute;top:74px;bottom:14px;overflow:hidden}.inspector{width:344px;right:14px}.drawer{width:300px;left:14px}.drawer-head{justify-content:space-between;align-items:center;padding:14px 10px 4px 18px;display:flex}.drawer .panel-body{padding-top:4px}.tabs{border-bottom:1px solid var(--edge);flex:none;gap:4px;padding:10px 10px 0;display:flex}.tab{appearance:none;color:var(--text-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:9px 10px 11px;font-weight:500;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tab .ico{width:16px;height:16px}.panel-body{flex:1;padding:6px 18px 22px;overflow-y:auto}.sect{gap:10px;padding:16px 0 14px;display:grid}.sect+.sect{border-top:1px solid var(--edge)}.sect>h3,.tuning-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:10.5px;font-weight:500}.stack{gap:10px;display:grid}.panel-head{border-bottom:1px solid var(--edge);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0 12px;display:grid}.panel-head .title{gap:1px;min-width:0;display:grid}.panel-head h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta{color:var(--text-3);font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row.tight{flex-wrap:nowrap;gap:0}.thumb{background:#0c0c0e 50%/cover no-repeat;border:1.5px solid #3a3a42;border-radius:6px;flex:none;width:26px;height:44px}.thumb-tablet{width:34px;height:46px}.thumb-laptop{border-radius:4px;width:46px;height:32px}.device-list{gap:2px;display:grid}.device-row{appearance:none;border-radius:var(--r-ctl);text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 -8px;padding:6px 8px;display:grid}.device-row:hover{background:var(--hover)}.device-row .name{font-weight:500}.add-list{gap:2px;display:grid}.add-row{appearance:none;text-align:left;color:var(--text-2);border-radius:var(--r-ctl);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:0 -8px;padding:8px;display:flex}.add-row:hover{background:var(--hover);color:var(--text)}.field{min-height:var(--row);grid-template-columns:92px 1fr auto;align-items:center;gap:10px;display:grid}.field-label{color:var(--text-2)}.field-value,.field-unit{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:12px}.field-unit{min-width:0}.field select{grid-column:2/4}.field.toggle{grid-template-columns:1fr auto}.panel-body .field:has(.seg){grid-template-columns:92px 1fr}.panel-body .field:has(.seg) .seg{display:flex}.panel-body .seg button{flex:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:#ffffff29;border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;transition:transform .12s var(--ease);background:#f4f4f6;border-radius:50%;margin-top:-6px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{background:#f4f4f6;border:0;border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=number],select{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;width:100%;height:30px;padding:0 8px}input[type=number]:hover,select:hover{border-color:var(--edge-strong)}input[type=color]{border:1px solid var(--edge-strong);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:24px;padding:0}input[type=checkbox][role=switch]{appearance:none;cursor:pointer;background:#ffffff24;border-radius:9px;width:32px;height:18px;transition:background .18s;position:relative}input[type=checkbox][role=switch]:after{content:"";width:14px;height:14px;transition:transform .18s var(--ease);background:#f4f4f6;border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox][role=switch]:checked{background:#ffffff6b}input[type=checkbox][role=switch]:checked:after{transform:translate(14px)}.grid3,.grid2{gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.grid3 .field,.grid2 .field{grid-template-columns:1fr auto;gap:4px}.grid3 .field-label,.grid2 .field-label{color:var(--text-3);grid-column:1/-1;font-size:11px}.swatches{grid-column:2/4;gap:8px;display:flex}.swatch{cursor:pointer;border:1px solid #ffffff38;border-radius:50%;width:22px;height:22px;padding:0;position:relative}.swatch[aria-pressed=true]:after{content:"";background:var(--accent);border-radius:2px;width:10px;height:2px;margin-left:-5px;position:absolute;bottom:-7px;left:50%}.btn{appearance:none;border-radius:var(--r-ctl);border:1px solid var(--edge-strong);height:32px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--hover);border-color:#ffffff42}.btn.solid{background:var(--text);color:var(--accent-ink);border-color:var(--text);font-weight:600}.btn.solid:hover{background:#fff}.btn.ghost{border-color:var(--edge);color:var(--text-2)}.btn.ghost:hover{color:var(--text)}.btn.danger{color:var(--danger);border-color:#0000}.btn.small{height:28px;padding:0 10px;font-size:12px}.hint{color:var(--text-3);margin:0;font-size:12px;line-height:1.5}.hint.lead{color:var(--text-2);padding:8px 0 4px;font-size:12.5px}.hint.warn{color:#f2c66d}.mood-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mood,.preset{appearance:none;border:1px solid var(--edge);cursor:pointer;color:var(--text-2);background:#ffffff05;border-radius:12px;justify-items:center;gap:6px;padding:6px 6px 8px;transition:border-color .15s,background .15s,color .15s;display:grid;position:relative}.mood:hover,.preset:hover{border-color:var(--edge-strong);background:var(--hover);color:var(--text)}.mood[aria-checked=true],.preset[aria-pressed=true]{color:var(--text);background:var(--active);border-color:#ffffff4d}.mood[aria-checked=true]:before,.preset[aria-pressed=true]:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:22px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.mood-swatch{aspect-ratio:64/52;border-radius:8px;width:100%;display:block;overflow:hidden}.mood-swatch svg{width:100%;height:100%;display:block}.mood-label,.preset-label{text-align:center;font-size:11.5px;line-height:1.2}.mood[aria-checked=true] .mood-label,.preset[aria-pressed=true] .preset-label{font-weight:600}.tuning{border-top:1px solid var(--edge);gap:2px;padding-top:16px;display:grid}.tuning-title{margin-bottom:6px}details.group>summary{border-radius:var(--r-ctl);cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;margin:0 -8px;padding:9px 8px;font-weight:500;list-style:none;display:flex}details.group>summary::-webkit-details-marker{display:none}details.group>summary:after{content:"";border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);width:6px;height:6px;transition:transform .2s var(--ease);transform:rotate(-45deg)}details.group[open]>summary:after{transform:rotate(45deg)}details.group>summary:hover{background:var(--hover)}.group-body{gap:10px;padding:6px 0 14px;display:grid}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding-bottom:6px;display:grid}.preset{padding:12px 6px 10px}.preset-icon svg{display:block}.export-cta{border-top:1px solid var(--edge);gap:6px;padding-top:14px;display:grid}.result{font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:600}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080a8c;place-items:center;font-size:15px;display:grid;position:fixed;inset:0}.toast{z-index:60;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:12px;padding:10px 16px;transition:opacity .4s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.error{border-color:#ff7a6b80}.toast.out{opacity:0}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);z-index:40;white-space:nowrap;pointer-events:none;background:var(--text);color:var(--accent-ink);border-radius:7px;padding:6px 9px;font-size:12px;font-weight:500;line-height:1.3;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.dropdown[open] [data-tip]:after{display:none}.zone-right [data-tip]:after{left:auto;right:0;transform:none}.zone-left [data-tip]:after{left:0;transform:none}.inspector [data-tip]:after,.drawer [data-tip]:after{top:auto;bottom:calc(100% + 8px)}.mood[data-tip]:hover:after{white-space:normal;text-align:center;width:170px}@media (width<=1520px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.zone-center{min-width:0;max-width:100%}.tool.wide span,.cta span{display:none}.tool.wide{padding:0 8px}.cta{padding:0 10px}}@media (width<=1280px){.zone-center{scrollbar-width:none;overflow-x:auto}.zone-center::-webkit-scrollbar{display:none}}@media (width<=1100px){.wordmark,.zone-left>.rule-v{display:none}.viewport{padding-right:360px}}@media (width<=860px){.topbar{grid-template-columns:auto auto;justify-content:space-between;left:10px;right:10px}.zone-center{grid-area:2/1/auto/-1;justify-self:start;max-width:100%;overflow-x:auto}.tool.wide span,.tool kbd,.zone-right>.rule-v{display:none}.pill{min-height:42px}.tool{min-width:34px;height:34px;padding:0 7px}.cta{margin-left:2px;padding:0 10px}.inspector,.drawer{width:auto;height:44vh;inset:auto 10px 10px}.drawer{z-index:6}.viewport,#app.presets-open .viewport{padding:124px 14px calc(44vh + 24px)}}@media (width<=480px){.cta span{display:none}.cta{padding:0 9px}.zone-center .rule-v{display:none}.tool{min-width:30px;padding:0 5px}}.drawer:not([hidden]),.empty-card{animation:plate-in .32s var(--ease) both}@keyframes plate-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.drawer,.empty-card{animation:none!important}*{transition:none!important}}.menu-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:8px 10px 4px;font-size:10.5px;font-weight:500}.menu-label:first-child{margin-top:4px}.menu-rule{background:var(--edge);height:1px;margin:6px 4px;display:block}.text-wrap{grid-column:2/4}input[type=text]{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-sm);width:100%;height:30px;padding:0 8px}input[type=text]:hover{border-color:var(--edge-strong)}input[type=text]::placeholder{color:var(--text-3)}.designer-actions{border-top:1px solid var(--edge);flex-wrap:wrap;gap:8px;padding:14px 0 6px;display:flex}.lib{gap:2px;display:grid}.lib-project{color:var(--text);margin:10px 0 2px;font-size:12px;font-weight:600}.lib-project:first-child{margin-top:0}.lib-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 0;display:grid}.lib-row .thumb{border-width:2px;width:18px;height:32px}.lib-row .thumb-tablet{width:24px;height:32px}.lib-row .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu{max-height:70vh;overflow-y:auto}#app.designer-open .inspector{display:none}#app.designer-open .viewport{padding:84px 656px 28px 404px}.drawer.designer-wide{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:376px minmax(0,1fr) 320px 280px;column-gap:14px;display:grid;left:14px;right:14px;overflow:visible}.drawer.designer-wide>*{pointer-events:auto}.drawer.designer-wide .designer{display:contents}.drawer.designer-wide .drawer-head,.drawer.designer-wide .d-col{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--sheen), var(--shadow);border-radius:var(--r-panel);background-image:linear-gradient(160deg,#ffffff17,#fff0 38%);border-top-color:#ffffff2e}.drawer.designer-wide .drawer-head{box-shadow:inset 0 1px 0 var(--sheen);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:1/1;padding-bottom:6px}.d-col{min-height:0;padding:14px 18px 22px;overflow-y:auto}.drawer.designer-wide .d-models{border-top:0;border-top-left-radius:0;border-top-right-radius:0;grid-area:2/1;padding-top:0}.drawer.designer-wide .d-bench{grid-area:1/3/3}.drawer.designer-wide .d-lib{grid-area:1/4/3}.d-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:2px 0 10px;font-size:10.5px;font-weight:500}.d-models .hint{margin:0 0 6px}.hint.lead{color:var(--text-2);font-size:13px;line-height:1.5}.model-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px;display:grid}.model{appearance:none;background:var(--well);color:var(--text-2);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);border:1px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:10px 4px 9px;display:grid}.model:hover{background:var(--hover);color:var(--text)}.model[aria-pressed=true]{background:var(--active);color:var(--text);border-color:var(--edge-strong);box-shadow:inset 0 0 0 1px var(--accent,#e3ff00)}.model-icon{line-height:0;display:block}.model-label{text-align:center;font-size:11px;line-height:1.25}.lib-icon{line-height:0;display:block}.lib-row .name small{color:var(--text-3);text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.d-lib .designer-actions{border-top:0;margin-bottom:12px;padding-top:0}.d-lib .designer-actions .btn{flex:auto}@media (width<=1360px){#app.designer-open .viewport{padding:84px 360px 28px 380px}.drawer.designer-wide{grid-template-rows:auto minmax(0,1.6fr) minmax(0,1fr);grid-template-columns:352px minmax(0,1fr) 320px;row-gap:0}.drawer.designer-wide .d-models{grid-row:2/4}.drawer.designer-wide .d-bench{border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:1/3/3}.drawer.designer-wide .d-lib{border-top-left-radius:0;border-top-right-radius:0;grid-area:3/3}}@media (width<=860px){#app.designer-open .viewport{padding:124px 14px calc(56vh + 24px)}.drawer.designer-wide{border-radius:var(--r-panel);background:var(--glass-strong);height:56vh;display:block;overflow-y:auto}.drawer.designer-wide .drawer-head,.drawer.designer-wide .d-col{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.model-grid{grid-template-columns:repeat(4,1fr)}}.menu{min-width:320px}.menu-models{flex-wrap:wrap;gap:4px;padding:0 6px 4px;display:flex}.menu-chip{appearance:none;border:1px solid var(--edge);background:var(--well);color:var(--text-2);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:12px}.menu-chip:hover{color:var(--text);background:var(--hover);border-color:var(--edge-strong)}.work-seg button{gap:6px;padding:0 12px}.work-seg button svg{width:15px;height:15px}.topbar.designing .scene-only{display:none!important}@media (width<=860px){.work-seg span{display:none}}.wordmark-text{letter-spacing:.3em;margin-right:-.3em;font-size:12px;font-weight:600}.wordmark{cursor:default;align-self:stretch;position:relative;overflow:hidden}.wordmark-face{height:100%;transition:transform .42s var(--ease), opacity .42s var(--ease);align-items:center;gap:9px;display:flex}.wordmark-logo{background:var(--text);opacity:0;transition:transform .42s var(--ease), opacity .42s var(--ease);position:absolute;inset:4px 2px;transform:translateY(120%);-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.wordmark:hover .wordmark-face{opacity:0;transform:translateY(-120%)}.wordmark:hover .wordmark-logo{opacity:1;transform:none}.field.changed .field-label{color:var(--text)}.field-label{align-items:center;gap:4px;min-width:0;display:inline-flex}.reset-btn{appearance:none;width:18px;height:18px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:inline-grid}.reset-btn[hidden]{display:none}.reset-btn .ico{width:12px;height:12px}.reset-btn:hover{color:var(--text);background:var(--hover)}.reset-row{justify-items:start;gap:4px;padding:4px 0 10px;display:grid}.reset-row[hidden]{display:none}.reset-row .hint{margin:0;font-size:11.5px}.reset-all{align-items:center;gap:6px;display:inline-flex}.panel-body .field:has(.material-seg) .material-seg{grid-template-columns:1fr 1fr;display:grid}.material-seg button{white-space:nowrap;padding:0 4px;font-size:12px}.panel-body .seg{min-width:0}.panel-body .seg button{text-overflow:ellipsis;min-width:0;overflow:hidden}.swatches{flex-wrap:wrap}#app.room-open .inspector{display:none}#app.room-open .viewport{padding:84px 392px 28px 312px}.drawer.room-wide{grid-template-columns:284px minmax(0,1fr) 364px}.drawer.designer-wide .room-body{display:contents}.drawer.room-wide .r-types{border-top:0;border-top-left-radius:0;border-top-right-radius:0;grid-area:2/1;padding-top:0}.drawer.room-wide .r-settings{grid-area:1/3/3}.room-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.room-grid .model{padding:12px 6px 10px}@media (width<=1360px){#app.room-open .viewport{padding:84px 388px 28px 312px}.drawer.room-wide{grid-template-rows:auto minmax(0,1fr);grid-template-columns:284px minmax(0,1fr) 360px}.drawer.room-wide .r-types{grid-row:2}.drawer.room-wide .r-settings{border-radius:var(--r-panel);grid-area:1/3/3}}@media (width<=860px){#app.room-open .viewport{padding:124px 14px calc(56vh + 24px)}.room-grid{grid-template-columns:repeat(5,1fr)}}.chip-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:2px 0 6px;display:grid}.chip{appearance:none;border:1px solid var(--edge);background:var(--well);color:var(--text-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:7px 4px;font-size:12px;overflow:hidden}.chip:hover{color:var(--text);background:var(--hover)}.chip[aria-checked=true]{color:var(--text);background:var(--active);border-color:var(--edge-strong);box-shadow:inset 0 -2px 0 var(--accent)}.web-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.web-row input[type=text]{height:32px}.sect .sect{border-top:0;padding:10px 0 0}.web-start{gap:8px;display:grid}.web-targets{gap:5px;display:flex}.web-targets .chip{flex:1}.web-targets .chip[aria-pressed=true]{color:var(--text);background:var(--active);border-color:var(--edge-strong);box-shadow:inset 0 -2px 0 var(--accent)}.start-or{font-size:12px;color:var(--text-3)!important;margin:14px 0 8px!important}.web-start.compact{padding:2px 6px 6px}.inspector .room-body .d-col{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.inspector .room-body .r-types{padding-top:14px}.inspector .room-grid{grid-template-columns:repeat(3,1fr)}.inspector .room-grid .model{padding:9px 4px 8px}.inspector .room-grid .model-icon svg{width:36px;height:36px}.inspector .r-settings{border-top:1px solid var(--edge);margin-top:12px;padding-top:6px}.inspector .r-settings>.d-title{display:none}.export-drop summary.cta{cursor:pointer}.export-drop[open] summary.cta{background:var(--active);color:var(--text);box-shadow:inset 0 1px 0 var(--sheen)}.export-menu{flex-direction:column;width:360px;max-height:min(80vh,720px);padding:0;display:flex;left:auto;right:0}.export-menu .panel-body{padding:4px 18px 18px}.export-cta .export-go{width:100%;height:40px;margin:6px 0 4px}.export-cta .btn.solid.export-go{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.export-cta .btn.solid.export-go:hover{box-shadow:0 8px 24px #e3ff0047}.export-menu.glass{background-color:#141418f2}@media (width>=861px){.viewport{padding-bottom:28px}}.scene-strip{z-index:4;border-radius:16px;align-items:center;gap:8px;max-width:calc(100% - 448px);padding:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(calc(-50% - 176px))}.scene-strip[hidden],#app.designer-open .scene-strip{display:none}#app.presets-open .scene-strip{max-width:calc(100% - 736px);transform:translate(calc(-50% - 10px))}.strip-list{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.strip-list::-webkit-scrollbar{display:none}.strip-item{cursor:pointer;border-radius:10px;outline:none;flex:none;width:112px;position:relative}.strip-pic{background:var(--well);border:1px solid var(--edge);height:63px;color:var(--text-3);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:9px;place-items:center;display:grid;overflow:hidden}.strip-pic img{object-fit:cover;width:100%;height:100%;display:block}.strip-item:hover .strip-pic{border-color:var(--edge-strong)}.strip-item:focus-visible .strip-pic{box-shadow:0 0 0 2px var(--text)}.strip-item.active .strip-pic{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.strip-name{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;text-align:center;margin-top:4px;font-size:11px;display:block;overflow:hidden}.strip-item.active .strip-name{color:var(--text)}.strip-rename{width:100%;height:20px;margin-top:3px;padding:0 4px;font-size:11px}.strip-acts{opacity:0;transition:opacity .14s var(--ease);gap:3px;display:flex;position:absolute;top:4px;right:4px}.strip-item:hover .strip-acts,.strip-item:focus-within .strip-acts{opacity:1}.strip-act{appearance:none;color:#fff;cursor:pointer;background:#0c0c0ec7;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;display:grid}.strip-act .ico{width:12px;height:12px}.strip-act.armed{background:#c8372d}.strip-add{appearance:none;border:1px dashed var(--edge-strong);width:44px;height:63px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:9px;flex:none;align-self:flex-start;place-items:center;margin-top:2px;display:grid}.strip-add:hover{color:var(--text);background:var(--hover)}@media (width<=860px){.scene-strip{display:none}}.strip-add{grid-auto-flow:row;gap:4px;width:auto;padding:0 14px;font-size:11px}.strip-add .ico{width:18px;height:18px}.strip-hint{max-width:220px;color:var(--text-3);margin:0 4px 0 6px;font-size:12px;line-height:1.4}.strip-hint[hidden]{display:none}.strip-item.changed .strip-name:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.strip-item.changed .strip-pic{box-shadow:0 0 0 2px #e3ff0073}.scene-strip [data-tip]:after{top:auto;bottom:calc(100% + 10px)}.scene-strip .strip-add[data-tip]:after{left:auto;right:0;transform:none}.scene-strip .strip-item:first-child[data-tip]:after{left:0;transform:none}.scene-strip.glass{-webkit-backdrop-filter:blur(20px)saturate(170%)brightness(.92);backdrop-filter:blur(20px)saturate(170%)brightness(.92);background:#1c1c2257 linear-gradient(160deg,#ffffff29,#ffffff05 50%);border:1px solid #ffffff29;border-top-color:#ffffff57;box-shadow:inset 0 1px #ffffff38,0 18px 44px #00000047}.scene-strip .strip-pic{background:#0000002e;border-color:#ffffff29}.scene-strip .strip-name{color:#ffffffb8;text-shadow:0 1px 2px #00000059}.scene-strip .strip-item.active .strip-name{color:#fff}.scene-strip .strip-add{color:#ffffffd9;border-color:#ffffff4d}.scene-strip .strip-hint{color:#ffffffb3}.scene-strip.glass{-webkit-backdrop-filter:blur(10px)saturate(160%);backdrop-filter:blur(10px)saturate(160%);background:#18181e1f linear-gradient(160deg,#ffffff24,#fff0 55%)}.scene-strip .strip-pic{background:#00000014}.scene-strip .strip-name{text-shadow:0 1px 3px #0009}.thumb-logo{background-position:50%;background-repeat:no-repeat;width:32px;background-color:#0000!important;background-size:contain!important;border-color:#0000!important}.strip-toggle{appearance:none;color:#fffc;cursor:pointer;white-space:nowrap;text-shadow:0 1px 3px #00000080;background:0 0;border:0;border-radius:8px;flex:none;align-self:stretch;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:inline-flex}.strip-toggle:hover{color:#fff;background:#ffffff1a}.strip-toggle .ico{transition:transform .2s var(--ease)}.scene-strip.min .strip-toggle .ico{transform:rotate(180deg)}.scene-strip.min .strip-list{display:none}.scene-strip.min{padding:6px}.scene-strip.min .strip-add{flex-direction:row;align-items:center;gap:6px;height:34px;margin-top:0;padding:0 12px;display:inline-flex}.scene-strip.min .strip-add .ico{width:16px;height:16px}.test-banner{z-index:30;color:#fff;background:#c8372d;border-radius:999px;padding:7px 14px;font-size:12.5px;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.test-banner a{color:#fff;margin-left:4px;text-decoration:underline}.scale-box{z-index:3;pointer-events:none;border:1px solid #ffffffe6;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #00000059}.scale-box[hidden]{display:none}.scale-box.dim{opacity:.35}.scale-knob{pointer-events:auto;touch-action:none;background:#fff;border:1.5px solid #111113;border-radius:3px;width:14px;height:14px;margin:-7px;position:absolute;box-shadow:0 1px 4px #00000059}.scale-knob:hover,.scale-box.dragging .scale-knob{background:var(--accent)}.scale-knob.nw{cursor:nwse-resize;top:0;left:0}.scale-knob.se{cursor:nwse-resize;top:100%;left:100%}.scale-knob.ne{cursor:nesw-resize;top:0;left:100%}.scale-knob.sw{cursor:nesw-resize;top:100%;left:0}.scale-label{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;background:#111113d9;border-radius:6px;padding:3px 7px;font-size:11px;transition:opacity .15s;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}.scale-box.dragging .scale-label,.scale-box:hover .scale-label{opacity:1}.scale-box:has(.scale-knob:hover) .scale-label{opacity:1}.angle-label{z-index:5;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;background:#111113e0;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute}.angle-label[hidden]{display:none}.angle-label.snapped{background:var(--accent);color:var(--accent-ink)}.logo-layer{z-index:2;pointer-events:none;position:absolute;overflow:hidden}.logo-layer[hidden]{display:none}.img-logo{pointer-events:auto;cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.img-logo.selected{outline-offset:5px;outline:1.5px dashed #fffffff2;box-shadow:0 0 0 9999px #0000}.anchor-grid{background:var(--well);border-radius:8px;grid-template-rows:repeat(3,18px);grid-template-columns:repeat(3,26px);gap:3px;width:max-content;padding:4px;display:grid}.anchor{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.anchor span{background:var(--text-3);opacity:.5;border-radius:2px;width:8px;height:6px}.anchor:hover span{opacity:1;background:var(--text)}.anchor[aria-checked=true]{background:var(--active)}.anchor[aria-checked=true] span{background:var(--accent);opacity:1;width:14px;height:9px}.tabs{align-items:flex-end}.inspector-toggle{align-self:center;margin-bottom:4px;margin-left:auto}.inspector-toggle .ico{transition:transform .2s var(--ease);transform:rotate(-90deg)}#app.inspector-min .inspector{width:56px}#app.inspector-min .inspector>.panel-body{display:none!important}#app.inspector-min .inspector .tabs{border-bottom:0;flex-direction:column;align-items:center;gap:6px;padding:10px 6px}#app.inspector-min .inspector .tab{padding:9px}#app.inspector-min .inspector .tab span{display:none}#app.inspector-min .inspector-toggle{order:-1;margin:0 0 4px}#app.inspector-min .inspector-toggle .ico{transform:rotate(90deg)}#app.inspector-min .inspector [data-tip]:after{inset:50% calc(100% + 10px) auto auto;transform:translateY(-50%)}@media (width>=861px){#app.inspector-min .viewport{padding-right:92px}#app.inspector-min .scene-strip{max-width:calc(100% - 160px);transform:translate(calc(-50% - 32px))}}.scene-strip.min{left:28px;transform:none}#app.presets-open .scene-strip.min{left:336px;transform:none}#app.inspector-min .scene-strip.min{transform:none}.scene-strip.animating{overflow:hidden}.scene-strip.animating .strip-list{min-width:max-content}.inspector{transition:width .42s cubic-bezier(.22,1,.36,1)}.inspector>.panel-body{min-width:342px}.viewport{transition:padding .42s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.inspector,.viewport{transition:none}}.new-menu{width:290px;left:auto;right:0}.menu-item.rich{gap:2px;padding:9px 10px;display:grid}.menu-item.rich strong{font-size:13px;font-weight:600}.menu-item.rich span{color:var(--text-3);font-size:11.5px;line-height:1.35}.menu-item.rich.danger strong{color:#ff7a6e}.menu-note{color:var(--text-2);margin:0 10px 6px;font-size:12px;line-height:1.4}.new-drop summary.tool{cursor:pointer}.new-menu.glass{background-color:#141418f2}.inspector .panel-head [data-tip]:after{inset:calc(100% + 8px) 0 auto auto;transform:none}.login{background:var(--room);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.login .backdrop{opacity:0;transition:opacity .9s var(--ease);position:fixed}.login.lit .backdrop{opacity:1}.login-card{z-index:1;border-radius:var(--r-panel);width:min(372px,100%);animation:plate-in .32s var(--ease) both;padding:24px 24px 16px;position:relative}.login-brand{z-index:1;aspect-ratio:3723/782;background:var(--text);width:104px;position:fixed;top:28px;left:28px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}@media (width<=520px){.login-brand{width:88px;top:20px;left:16px}}.login-card.glass{-webkit-backdrop-filter:blur(10px)saturate(160%)brightness(1.06);backdrop-filter:blur(10px)saturate(160%)brightness(1.06);background-color:#1414180a;background-image:linear-gradient(160deg,#ffffff1f,#ffffff03 50%);border-color:#ffffff4d #ffffff24 #ffffff24}.login-mark{align-items:center;gap:9px;margin:0 0 22px;font-size:13px;font-weight:600;line-height:1;display:flex}.login-form{gap:14px;display:grid}.login-lead{color:var(--text-2);text-wrap:pretty;margin:0;line-height:1.5}.login-lead strong{color:var(--text);overflow-wrap:anywhere;font-weight:500}.login-field{gap:6px;display:grid}.login-field>span{color:var(--text-2);font-size:12px;font-weight:500}.login-field input{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-ctl);width:100%;height:40px;padding:0 12px;transition:border-color .15s}.login-field input:hover{border-color:var(--edge-strong)}.login-field input[aria-invalid=true]{border-color:#ff7a6b99}.login-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--accent);box-shadow:inset 0 0 0 40px #1b1b1f}.login-code{font-variant-numeric:tabular-nums;letter-spacing:.32em;font-size:15px}.login-error{color:var(--danger);margin:-4px 0 0;font-size:12px;line-height:1.5}.login-error:empty{display:none}.login-go{appearance:none;border-radius:var(--r-ctl);background:var(--accent);width:100%;height:40px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s, opacity .15s;border:0;font-weight:600;box-shadow:0 6px 18px #e3ff002e}.login-go:hover{box-shadow:0 8px 24px #e3ff0047}.login-go:active{transform:translateY(1px)}.login-go:disabled{opacity:.55;box-shadow:none;cursor:progress;transform:none}.login-rule{background:var(--edge);height:1px;margin:16px 0;display:block}.login-alt{justify-content:center;width:100%;height:40px}.login-alt:disabled{opacity:.55;cursor:progress}.login-aside{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.login-aside .btn:disabled{opacity:.4;cursor:default;color:var(--text-2);background:0 0}.login-foot{border-top:1px solid var(--edge);color:var(--text-3);margin:20px 0 0;padding-top:14px;font-size:12px}@media (pointer:coarse){.login-field input{font-size:16px}}@media (prefers-reduced-motion:reduce){.login-card{animation:none}.login .backdrop{transition:none}}.account-summary{cursor:pointer;padding:0 4px}.account-avatar{letter-spacing:.02em;width:28px;height:28px;color:var(--text);background:var(--well);box-shadow:inset 0 0 0 1px var(--edge-strong);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.account-summary:hover .account-avatar,.account-drop[open] .account-avatar{box-shadow:inset 0 0 0 1px #ffffff4d}.account-menu{width:272px;min-width:0;left:auto;right:0}.account-menu.glass{background-color:#141418f2}.account-head{gap:2px;padding:8px 10px 6px;display:grid}.account-head strong{font-weight:600}.account-email{color:var(--text-2);overflow-wrap:anywhere;font-size:12px}.account-staff{color:var(--text-2);border:1px solid var(--edge-strong);border-radius:999px;justify-self:start;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:500}.account-org{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account-workspace{gap:1px;padding:8px 10px 4px;display:grid}.account-workspace strong{font-weight:600}.account-note{color:var(--text-3);font-size:12px}.account-org[aria-checked=true]{background:var(--active)}.account-role{color:var(--text-3);flex:none;font-size:12px}@media (width<=480px){.account-summary{padding:0 2px}.account-avatar{width:26px;height:26px}}