:root{--moss:#0e1e14b3;--moss-strong:#0a1810db;--edge:#c8ff4d29;--edge-soft:#ffffff14;--lime:#c8ff4d;--lime-ink:#142a1c;--amber:#ffb02e;--rose:#ff6b6b;--text:#eef6ea;--muted:#eef6ea99;--glow:0 0 0 1px #c8ff4d8c, 0 0 22px #c8ff4d59;--shadow:0 18px 50px #04100961, inset 0 1px 0 #ffffff12;--r-card:22px;--r-btn:14px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,Nunito,Avenir Next,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(1200px 600px at 70% -10%,#ffeebe8c,#0000 60%),linear-gradient(#b9ddd0 0%,#d6ebdf 45%,#cfe6dc 100%)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}svg{flex:none}#viewport{position:fixed;inset:0}#viewport canvas{touch-action:none;display:block}.glass{background:var(--moss);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--edge);box-shadow:var(--shadow)}.topbar{z-index:20;pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.topbar>*{pointer-events:auto}.brand{background:var(--moss-strong);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.brand-name b{color:var(--lime);font-weight:800}.search{border-radius:999px;flex:0 460px;align-items:center;height:46px;display:flex;position:relative}.search-icon{width:44px;color:var(--lime);place-items:center;display:grid}.search input{height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding-right:18px;font-size:15px}.search input::placeholder{color:var(--muted)}.search:focus-within{box-shadow:var(--shadow), var(--glow)}.results{background:var(--moss-strong);border:1px solid var(--edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0}.results button{text-align:left;width:100%;color:var(--text);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.results button svg{color:var(--amber)}.results button.on,.results button:hover{background:#c8ff4d1f}.actions{border-radius:999px;align-items:center;gap:2px;margin-left:auto;padding:5px;display:flex}.actions button{width:38px;height:38px;color:var(--text);border-radius:999px;place-items:center;display:grid}.actions button:hover{color:var(--lime);background:#ffffff17}.actions .sep{background:var(--edge-soft);width:1px;height:20px;margin:0 4px}.save{color:var(--muted);align-items:center;gap:8px;padding:0 12px 0 8px;font-size:12px;display:flex}.save i{background:var(--lime);width:8px;height:8px;box-shadow:0 0 10px var(--lime);border-radius:50%}.save.busy i{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:.9s infinite alternate pulse}.save.error i{background:var(--rose);box-shadow:0 0 10px var(--rose)}.save em{font-style:normal}@keyframes pulse{to{box-shadow:0 0 0 6px #ff6b6b40}}.hero{display:none}body.empty .hero{text-align:center;z-index:15;color:#10261a;width:min(640px,92vw);display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-110%)}.hero h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1}.hero h1 span{background:linear-gradient(90deg,#2f7d1f,#7fbf2a);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#10261abf;max-width:520px;margin:0 auto;font-size:16px;line-height:1.5}.examples{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex;position:fixed;top:calc(100% + 110px);left:50%;transform:translate(-50%)}.examples button{color:#10261a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #142a1c1f;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:13px;display:flex}.examples button svg{color:#b86f00;width:16px}.examples button:hover{background:#fff;box-shadow:0 6px 18px #142a1c26}body.empty .topbar{justify-content:center}body.empty .brand{position:fixed;top:16px;left:16px}body.empty .search{flex:none;width:min(560px,92vw);height:60px;position:fixed;top:50%;left:50%;transform:translate(-50%,10px)}body.empty .search input{font-size:17px}body.empty .actions,body.empty .dock,body.empty .side,body.empty .hint,body.empty .credit{display:none}body.empty #viewport{filter:saturate(.6)blur(2px);opacity:.6}.dock{z-index:10;border-radius:28px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.dock button{width:56px;height:56px;color:var(--text);border-radius:20px;place-items:center;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.dock button svg{width:24px;height:24px}.dock button:hover{background:#ffffff14}.dock button.on{background:var(--lime);color:var(--lime-ink);box-shadow:var(--glow);transform:scale(1.04)}.dock .lbl{white-space:nowrap;background:var(--moss-strong);border:1px solid var(--edge);opacity:0;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:12px;transition:all .15s;position:absolute;left:calc(100% + 12px);transform:translate(-4px)}.dock button:hover .lbl{opacity:1;transform:none}.dock kbd{color:var(--muted);opacity:.8;font:600 9px/1 ui-monospace,monospace;position:absolute;bottom:4px;right:5px}.dock button.on kbd{color:var(--lime-ink)}.side{z-index:10;scrollbar-width:none;flex-direction:column;gap:12px;width:300px;padding-bottom:4px;display:flex;position:fixed;top:78px;bottom:44px;right:16px;overflow-y:auto}.card{border-radius:var(--r-card);flex:none;padding:14px 14px 16px}.card[hidden]{display:none}.card h3{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.card h3 svg{color:var(--lime);width:18px;height:18px}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 0 6px;font-size:11px;font-weight:700}.note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.seg{background:#00000038;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{color:var(--muted);border-radius:12px;padding:8px 6px;font-size:12.5px}.seg button:hover{color:var(--text)}.seg button.on{color:var(--lime);background:#c8ff4d29;box-shadow:inset 0 0 0 1px #c8ff4d66}.toggles{gap:2px;margin-top:10px;display:grid}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 4px;display:flex}.toggle input{display:none}.toggle i{background:#ffffff24;border-radius:999px;flex:none;width:34px;height:20px;transition:all .18s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--c);box-shadow:0 0 12px color-mix(in srgb, var(--c) 55%, transparent)}.toggle input:checked+i:after{background:var(--lime-ink);left:17px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--edge-soft);background:#ffffff12;border-radius:999px;padding:7px 11px;font-size:12.5px}.chips button:hover{border-color:#c8ff4d59}.chips button.on{background:var(--lime);color:var(--lime-ink);box-shadow:var(--glow);border-color:#0000;font-weight:700}.slider{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;display:grid}.slider span{color:var(--muted)}.slider output{font-variant-numeric:tabular-nums;text-align:right;min-width:54px;font-weight:700}input[type=range]{appearance:none;background:#ffffff26;border-radius:999px;outline:0;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lime);width:18px;height:18px;box-shadow:var(--glow);cursor:grab;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--lime);border:0;border-radius:50%;width:18px;height:18px}.swatches{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.label+.swatches{margin-top:0}.swatches button,.swatches .custom{background:var(--c);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff40}.swatches button.on{box-shadow:0 0 0 2px var(--moss-strong), 0 0 0 4px var(--lime)}.swatches .custom{cursor:pointer;background:conic-gradient(#ff6b6b,#ffb02e,#c8ff4d,#4dd6ff,#9b7bff,#ff6b6b);position:relative;overflow:hidden}.swatches .custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.stats:empty{display:none}.stat{background:#0003;border-radius:14px;min-width:0;padding:9px 10px}.stat span{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10.5px;font-weight:700;display:block}.stat b{overflow-wrap:anywhere;margin-top:3px;font-size:13.5px;display:block}.row{gap:6px;margin-top:16px;display:flex}.col{gap:8px;display:grid}.btn{border-radius:var(--r-btn);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.btn svg{width:16px;height:16px}.btn.primary{background:var(--lime);color:var(--lime-ink);box-shadow:var(--glow)}.btn.ghost{border:1px solid var(--edge-soft);background:#ffffff14}.btn.ghost:hover{color:var(--lime);border-color:#c8ff4d66}.btn.danger{color:#ffb3b3;background:#ff6b6b24;border:1px solid #ff6b6b4d}.btn.danger:hover{background:#ff6b6b42}.items{scrollbar-width:thin;gap:3px;max-height:260px;display:grid;overflow-y:auto}.items button{text-align:left;border-radius:12px;align-items:center;gap:9px;padding:8px 9px;font-size:12.5px;display:flex}.items button svg{width:16px;height:16px;color:var(--muted)}.items button:hover{background:#ffffff12}.items button.on{background:#c8ff4d24}.items button.on svg{color:var(--lime)}.items button span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.items button em{color:var(--lime);font-size:11.5px;font-style:normal}.hint{z-index:10;max-width:min(620px,70vw);color:var(--muted);text-align:center;border-radius:999px;padding:10px 18px;font-size:12.5px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.chip{z-index:30;pointer-events:none;background:var(--lime);color:var(--lime-ink);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;position:fixed;top:0;left:0;box-shadow:0 6px 20px #00000040}.chip[hidden]{display:none}.toast{z-index:40;background:var(--moss-strong);border:1px solid var(--edge);max-width:520px;box-shadow:var(--shadow);border-radius:16px;padding:11px 18px;font-size:13px;animation:.25s ease-out drop;position:fixed;top:80px;left:50%;transform:translate(-50%)}.toast.error{color:#ffd0d0;border-color:#ff6b6b80}.toast[hidden]{display:none}@keyframes drop{0%{opacity:0;transform:translate(-50%,-8px)}}.loading{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#10261a;background:#0e1e1440;place-content:center;justify-items:center;gap:16px;font-weight:700;display:grid;position:fixed;inset:0}.loading[hidden]{display:none}.loading .ring{border:4px solid #142a1c26;border-top-color:#4f9a1f;border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin;box-shadow:0 0 30px #c8ff4d80}@keyframes spin{to{transform:rotate(360deg)}}.credit{z-index:5;color:#10261ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff73;border-radius:999px;padding:4px 10px;font-size:11px;position:fixed;bottom:12px;right:16px}@media (width<=900px){.side{width:260px}.actions .save em,.hint{display:none}}.project{position:relative}.project-btn{border-radius:999px;align-items:center;gap:8px;max-width:240px;height:46px;padding:0 12px 0 14px;font-size:13.5px;font-weight:700;display:flex}.project-btn svg:first-child{color:var(--lime)}.project-btn svg:last-child{width:16px;color:var(--muted)}.project-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-btn:hover{box-shadow:var(--shadow), var(--glow)}body.empty .project{display:none}.project-menu{border-radius:var(--r-card);background:var(--moss-strong);border:1px solid var(--edge);width:340px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px;position:absolute;top:calc(100% + 8px);left:0}.project-menu[hidden]{display:none}.pm-name{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.pm-name input,.num{font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000040;border-radius:12px;outline:0}.pm-name input{text-transform:none;letter-spacing:0;padding:10px 12px;font-size:14px;font-weight:700}.pm-name input:focus,.num:focus{border-color:#c8ff4d99;box-shadow:0 0 0 3px #c8ff4d26}.pm-new{gap:6px;margin-top:12px;display:flex}.pm-list{scrollbar-width:thin;gap:4px;max-height:300px;display:grid;overflow-y:auto}.pm-item{cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:9px 10px;display:flex}.pm-item:hover{background:#ffffff12}.pm-item.on{background:#c8ff4d21;box-shadow:inset 0 0 0 1px #c8ff4d59}.pm-item>div{flex:1;min-width:0}.pm-item b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.pm-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;display:block;overflow:hidden}.pm-del{width:30px;height:30px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.pm-del svg{width:16px;height:16px}.pm-del:hover{color:#ffb3b3;background:#ff6b6b2e}details.tools{border-top:1px solid var(--edge-soft);margin-top:14px;padding-top:10px}details.tools summary{cursor:pointer;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:800;list-style:none;display:flex}details.tools summary::-webkit-details-marker{display:none}details.tools summary:after{content:"+";color:var(--lime);margin-left:auto;font-size:16px}details.tools[open] summary:after{content:"–"}details.tools summary svg{width:16px;height:16px;color:var(--lime)}details.tools[open] summary{color:var(--text);margin-bottom:10px}.chips[data-edit] button.on{background:var(--amber);color:#2a1a00;box-shadow:0 0 0 1px #ffb02e99,0 0 18px #ffb02e59}.inline{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.inline .btn{flex:1}.num{text-align:right;font-variant-numeric:tabular-nums;width:64px;padding:7px 8px;font-size:13px;font-weight:700}.btn.wide{width:100%;margin-top:12px}.card .row .btn{min-width:0}.chips button svg{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.tex-picker{flex-wrap:wrap;gap:7px;display:flex}.tex-picker button{width:38px;height:38px;color:var(--muted);background:#ffffff12 50%/cover;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.tex-picker button.on{box-shadow:0 0 0 2px var(--moss-strong), 0 0 0 4px var(--lime)}.tex-picker button.add{box-shadow:none;color:var(--lime);border:1px dashed #c8ff4d73}.tex-picker button.add svg{width:16px;height:16px}.lib-list{gap:4px;display:grid}.lib-item{border-radius:12px;align-items:center;gap:9px;padding:6px;display:flex}.lib-item:hover{background:#ffffff0d}.lib-item>div{flex:1;min-width:0}.lib-item b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.lib-item small{color:var(--muted);font-size:11px;display:block}.thumb{background:#00000040 50%/cover;border-radius:10px;flex:none;width:36px;height:36px;box-shadow:inset 0 0 0 1px #ffffff26}.thumb.model{color:var(--lime);place-items:center;display:grid}.tile{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.tile .num{width:52px;padding:5px 6px;font-size:12px}.map-shift[hidden]{display:none}.map-shift .label em{color:var(--lime);text-transform:none;letter-spacing:0;margin-left:6px;font-style:normal}.shift-row{align-items:center;gap:14px;display:flex}.pad{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px);gap:3px;display:grid}.pad button{border:1px solid var(--edge-soft);background:#ffffff14;border-radius:9px;font-size:14px;font-weight:800}.pad button:hover{color:var(--lime);border-color:#c8ff4d80}.pad [data-nudge="0,1"]{grid-area:1/2}.pad [data-nudge="-1,0"]{grid-area:2/1}.pad .reset{color:var(--muted);grid-area:2/2;font-size:11px}.pad [data-nudge="1,0"]{grid-area:2/3}.pad [data-nudge="0,-1"]{grid-area:3/2}.xy{color:var(--muted);gap:6px;font-size:12.5px;display:grid}.xy label{align-items:center;gap:6px;display:flex}.user-layers{border-top:1px solid var(--edge-soft);margin-top:8px;padding-top:4px}.ul-item{align-items:center;gap:8px;padding:5px 0;display:flex}.ul-item .toggle{padding:0}.ul-item>div{flex:1;min-width:0}.ul-item b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.ul-item small{color:var(--muted);font-size:11px;display:block}.ul-item input[type=range]{width:64px}.ul-color{background:var(--c);cursor:pointer;border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.ul-color input{opacity:0;cursor:pointer;position:absolute;inset:0}em.err{color:#ffb3b3;font-style:normal}.dialog-wrap{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08120c59;place-items:center;display:grid;position:fixed;inset:0}.dialog-wrap[hidden]{display:none}.dialog{border-radius:var(--r-card);background:var(--moss-strong);flex-direction:column;width:min(640px,92vw);max-height:82vh;padding:18px;display:flex}.dialog h3{align-items:center;gap:8px;margin:0 0 6px;font-size:16px;display:flex}.dialog h3 svg{color:var(--lime)}.dlg-row{align-items:center;gap:8px;margin-top:12px;display:flex}.dlg-row input,.dlg-filter{font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000047;border-radius:12px;outline:0;flex:1;padding:10px 12px}.dlg-row input:focus,.dlg-filter:focus{border-color:#c8ff4d99}.dlg-row .btn{flex:none}.seg.two{flex:none;grid-template-columns:1fr 1fr;width:120px}.dlg-status{color:var(--muted);min-height:18px;margin-top:10px;font-size:12.5px}.dlg-filter{flex:none;margin-top:8px}.svc-list{gap:2px;min-height:40px;margin-top:8px;display:grid;overflow-y:auto}.svc-item{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.svc-item:hover{background:#ffffff0f}.svc-item input{accent-color:#c8ff4d;width:16px;height:16px}.svc-item b{font-size:13px;display:block}.svc-item small{color:var(--muted);font-size:11.5px;display:block}.dlg-foot{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dlg-foot .btn{flex:none;padding:10px 16px}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.props-table{grid-template-columns:auto 1fr;gap:4px 10px;max-height:220px;margin-bottom:4px;font-size:12px;display:grid;overflow-y:auto}.props-table span{color:var(--muted)}.props-table b{overflow-wrap:anywhere;font-weight:600}.road-layers{grid-template-columns:1fr auto auto;align-items:center;gap:6px 10px;font-size:12px;display:grid}.road-layers span{color:var(--muted)}.road-layers label{color:var(--muted);align-items:center;gap:4px;display:flex}.road-layers .num{width:56px;padding:5px 6px;font-size:12px}.road-layers>b{text-align:right;font-variant-numeric:tabular-nums}.tree-fab{z-index:11;width:72px;height:56px;color:var(--text);border-radius:22px;place-items:center;transition:background .15s,color .15s,box-shadow .15s;display:grid;position:fixed;top:78px;left:16px}.tree-fab svg{width:24px;height:24px}.tree-fab:hover{color:var(--lime)}.tree-fab.on{background:var(--lime);color:var(--lime-ink);box-shadow:var(--glow)}.tree-fab em{background:var(--amber);color:#2a1a00;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:800 11px/1 inherit;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 12px #ffb02e80}.tree-fab em:empty{display:none}.tree{z-index:9;border-radius:var(--r-card);flex-direction:column;width:320px;padding:12px 8px 8px;animation:.18s ease-out unfold;display:flex;position:fixed;top:78px;bottom:44px;left:100px}.tree[hidden]{display:none}@keyframes unfold{0%{opacity:0;transform:translate(-10px)scale(.98)}}body.empty .tree,body.empty .tree-fab{display:none}.tree-head{align-items:center;gap:2px;padding:0 4px 8px 8px;display:flex}.tree-head h3{flex:1;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;display:flex}.tree-head h3 svg{color:var(--lime);width:18px;height:18px}.tree-head button{width:30px;height:30px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.tree-head button svg{width:16px;height:16px}.tree-head button:hover{color:var(--lime);background:#ffffff14}.tree-filter{font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000040;border-radius:12px;outline:0;margin:0 4px 8px;padding:8px 11px;font-size:12.5px}.tree-filter:focus{border-color:#c8ff4d8c}.tree-body{scrollbar-width:thin;flex:1;padding:0 2px 8px;overflow-y:auto}.tn-row{padding:4px 4px 4px calc(2px + var(--d) * 14px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;gap:6px;min-height:34px;font-size:12.5px;display:flex}.tn-row:hover{background:#ffffff0f}.tn-row.on{background:#c8ff4d21;box-shadow:inset 0 0 0 1px #c8ff4d59}.tn-row.dim .tn-name,.tn-row.dim .tn-ico,.tn-row.dim .tn-thumb{opacity:.45}.tn-twist{width:18px;height:18px;color:var(--muted);flex:none;place-items:center;display:grid}.tn-twist svg{width:14px;height:14px;transition:transform .15s;transform:rotate(-90deg)}.tn-twist.open svg{transform:none}.tn-ico{width:20px;height:20px;color:var(--muted);flex:none;place-items:center;display:grid;position:relative}.tn-ico svg{width:16px;height:16px}.tn-row.on .tn-ico{color:var(--lime)}.tn-dot{background:var(--c);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-3px;box-shadow:0 0 0 2px #0a1810e6}.tn-thumb{background:50%/cover;border-radius:6px;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #fff3}.tn-name{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.tn-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.tn-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tn-btn{width:26px;height:26px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.tn-btn svg{width:15px;height:15px}.tn-btn:hover{color:var(--text);background:#ffffff1a}.tn-btn.off{color:#ffb3b3}.tn-btn.mixed{color:var(--amber)}.tn-btn.lock{opacity:0}.tn-btn.lock.on,.tn-btn.lock.mixed,.tn-row:hover .tn-btn.lock{opacity:1}.tn-btn.lock.on{color:var(--amber)}.tn-more{padding:4px 4px 6px calc(26px + var(--d) * 14px);color:var(--muted);font-size:11.5px}.tn-attrs{margin:2px 4px 8px calc(22px + var(--d) * 14px);border:1px solid var(--edge-soft);background:#00000038;border-radius:14px;padding:4px 10px 10px;font-size:12.5px}.tn-attrs .label{margin-top:10px}.tn-attrs .chips{margin-top:8px}.tn-attrs .slider{margin-top:10px}.tn-attrs .tex-picker{margin-top:0}.tn-attrs .row{margin-top:12px}.tn-attrs .btn{white-space:nowrap;padding:7px 9px;font-size:12px}.tn-actions{flex-wrap:wrap}.tn-attrs .btn.danger{flex:none}.tn-attrs .btn.wide{margin-top:8px}.tn-field{color:var(--muted);align-items:center;gap:8px;margin-top:10px;display:flex}.tn-field span{flex:none}.tn-field em{font-style:normal}.tn-field input:not(.num){min-width:0;font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000040;border-radius:10px;outline:0;flex:1;padding:6px 9px}.tn-field input:focus{border-color:#c8ff4d8c}.tn-color{color:var(--muted);align-items:center;gap:10px;margin-top:10px;display:flex}.tn-color code{color:var(--text);flex:1;font:600 11.5px ui-monospace,monospace}.tn-mini{width:28px;height:28px;flex:none!important;padding:0!important}.tn-note{margin-top:8px}.tn-checks{gap:14px;margin-top:8px;display:flex}.tn-checks .toggle{padding:4px 0}.obj-state{color:var(--amber);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 12px;font-size:12px;display:flex}.obj-state span{flex:60%;align-items:center;gap:6px;display:inline-flex}.obj-state svg{width:15px;height:15px}.obj-state button{color:var(--amber);background:#ffb02e29;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.items button.dim span{opacity:.5}body.tree-open .hint{max-width:min(620px,100vw - 820px);left:calc(50% + 60px)}.tn-slider{grid-template-columns:auto minmax(0,1fr) auto}.tn-slider input{width:100%;min-width:0}.tn-slider output{min-width:40px}.showcase,.examples .ex-demo{display:none}@media (width>=1100px) and (height>=600px){body.empty{--hx:75%}body.empty .hero{left:var(--hx);width:min(600px,44vw)}body.empty .hero h1{font-size:clamp(34px,3.6vw,56px)}body.empty .search{left:var(--hx);width:min(540px,42vw)}body.empty .showcase{z-index:15;width:50vw;display:block;position:fixed;top:0;bottom:0;left:0;overflow:hidden}body.empty .showcase[hidden]{display:none}}@media not ((width>=1100px) and (height>=600px)){.examples .ex-demo{display:flex}}.sc-media{background:#1b2a1f;position:absolute;inset:0}.sc-media img{object-fit:cover;cursor:pointer;width:100%;height:100%;animation:.6s ease-out scIn;display:block}.sc-media:after{content:"";pointer-events:none;background:linear-gradient(#0a181073 0%,#0000 18% 55%,#0a18108c 100%);position:absolute;inset:0}@keyframes scIn{0%{opacity:.4}}.sc-badge{z-index:1;background:var(--lime);color:var(--lime-ink);box-shadow:var(--glow);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:80px;left:24px}.sc-badge svg{width:15px;height:15px}.sc-views{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--edge);background:#0a181099;grid-template-columns:repeat(3,auto);position:absolute;top:20px;right:24px}.sc-views button{color:#eef6eabf;padding:7px 12px}.sc-body{z-index:1;max-width:600px;color:var(--text);border-radius:24px;padding:16px 18px 18px;position:absolute;bottom:24px;left:24px;right:24px}.sc-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--lime);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.sc-body h2{letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:800}.sc-body p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.sc-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;display:grid}.sc-body .btn{width:100%;padding:11px 14px;font-size:13.5px}.ai-btn{height:46px;color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:13.5px;font-weight:700;transition:box-shadow .15s,color .15s;display:flex}.ai-btn svg{color:var(--lime);width:18px;height:18px}.ai-btn:hover{box-shadow:var(--shadow), var(--glow);color:var(--lime)}body.empty .ai-btn{position:fixed;top:16px;right:16px}@media (width<=1180px){body:not(.empty) .ai-btn span{display:none}body:not(.empty) .ai-btn{padding:0 14px}}.ai-dialog{scrollbar-width:thin;width:min(780px,94vw);max-height:88vh;padding:20px 22px;overflow-y:auto}.ai-head{align-items:center;display:flex}.ai-head h3{flex:1;margin:0;font-size:18px}.ai-x{width:34px;height:34px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.ai-x:hover{color:var(--text);background:#ffffff14}.ai-lead{margin-top:8px;font-size:13px}.ai-dialog code{color:var(--text);background:#0000004d;border-radius:6px;padding:1px 5px;font:600 11.5px ui-monospace,SFMono-Regular,monospace}.ai-steps{counter-reset:step;gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ai-steps>li{counter-increment:step;padding-left:38px;font-size:13px;line-height:1.5;position:relative}.ai-steps>li:before{content:counter(step);background:var(--lime);width:26px;height:26px;color:var(--lime-ink);box-shadow:var(--glow);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:-2px;left:0}.ai-steps p{color:var(--muted);margin:8px 0 6px}.ai-steps p b{color:var(--text)}.ai-status{margin-top:6px;font-size:12.5px}.ai-ok{color:var(--lime);align-items:center;gap:6px;display:inline-flex}.ai-ok svg{width:16px;height:16px}.ai-warn{color:var(--amber)}.ai-tabs{margin:8px 0 4px}.ai-tabs button{padding:6px 11px;font-size:12px}.code{border:1px solid var(--edge-soft);background:#00000057;border-radius:14px;margin:6px 0;position:relative}.code pre{color:#e7f5dc;white-space:pre-wrap;word-break:break-all;margin:0;padding:12px 92px 12px 14px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.code-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 14px 0;font-size:10.5px;font-weight:700;display:block}.copy{color:var(--text);background:#ffffff14;border-radius:10px;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.copy svg{width:14px;height:14px}.copy em{font-style:normal}.copy:hover{color:var(--lime);background:#c8ff4d1f}.copy.done,.ai-ex.done,.ai-guide .btn.done{color:var(--lime-ink);background:var(--lime)}.copy.done em:after{content:"tud"}.ai-examples{gap:6px;margin-top:8px;display:grid}.ai-ex{text-align:left;border:1px solid var(--edge-soft);background:#ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;display:flex}.ai-ex svg{width:14px;height:14px;color:var(--muted);flex:none;margin-top:2px}.ai-ex:hover{border-color:#c8ff4d66}.ai-ex:hover svg{color:var(--lime)}.ai-ex.done svg{color:var(--lime-ink)}.ai-guide{background:#c8ff4d14;border:1px solid #c8ff4d40;border-radius:16px;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;display:flex}.ai-guide>div{flex:1;min-width:0}.ai-guide b{align-items:center;gap:6px;font-size:13.5px;display:flex}.ai-guide b svg{color:var(--lime);width:16px;height:16px}.ai-guide small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4;display:block}.ai-guide .btn{color:var(--text);flex:none;text-decoration:none}.results button em{color:var(--amber);flex:none;margin-left:auto;font:700 11px ui-monospace,monospace}.base-ctl{margin-top:4px}.base-ctl .label em{color:var(--lime);text-transform:none;letter-spacing:0;margin-left:6px;font-style:normal}.base-row{align-items:center;gap:8px;display:flex}.base-row .seg{flex:1}.base-num{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.base-num .num{width:64px}.base-range{width:100%;margin-top:12px}.seg-pick{margin-bottom:12px}.player{z-index:12;border-radius:22px;flex-direction:column;gap:8px;padding:8px;animation:.18s ease-out unfold;display:flex;position:fixed;bottom:16px;left:112px;right:332px}.player[hidden],body.anim-open .hint,body.empty .player,body.anim-playing .dock,body.anim-playing .side,body.anim-playing .tree,body.anim-playing .tree-fab,body.anim-playing .chip,body.anim-playing .pl-edit{display:none}body.anim-playing .player{width:min(900px,100vw - 32px);left:50%;right:auto;transform:translate(-50%)}.pl-bar{align-items:center;gap:6px;min-width:0;display:flex}.pl-btn{width:36px;height:36px;color:var(--text);border-radius:12px;flex:none;place-items:center;display:grid}.pl-btn svg{width:18px;height:18px}.pl-btn:hover:not(:disabled){background:#ffffff14}.pl-btn:disabled{opacity:.35}.pl-btn.big{background:var(--lime);width:44px;height:44px;color:var(--lime-ink);box-shadow:var(--glow);border-radius:999px}.pl-btn.big:hover:not(:disabled){background:var(--lime);filter:brightness(1.06)}.pl-btn.on{color:var(--lime);background:#c8ff4d1f}.pl-btn.rec{color:#fff;background:var(--rose);animation:1s ease-in-out infinite alternate pulse}.pl-time{min-width:92px;color:var(--muted);text-align:center;flex:none;font:700 12.5px ui-monospace,SFMono-Regular,monospace}.player select{font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000047;border-radius:12px;outline:0;max-width:180px;padding:7px 8px;font-size:12.5px}.pl-clip{flex:none;width:150px}.pl-speed{flex:none;width:64px}.tl{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:2px;min-width:120px;padding:2px 0;display:flex;position:relative}.tl.empty{height:40px}.tl-lane{align-items:center;gap:6px;height:11px;display:flex}.tl-lane span{letter-spacing:.04em;text-transform:uppercase;width:56px;color:var(--muted);text-align:right;flex:none;font-size:9.5px;font-weight:700}.tl-track{background:#ffffff12;border-radius:999px;flex:1;height:100%;position:relative}.tl-heads{pointer-events:none;position:absolute;inset:0 0 0 62px}.tl-head{background:var(--lime);width:2px;box-shadow:0 0 8px var(--lime);margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.tl-key{border:2px solid #0a1810e6;border-radius:4px;width:11px;min-width:11px;height:11px;margin:-5.5px 0 0 -5.5px;padding:0;position:absolute;top:50%;transform:rotate(45deg)}.tl-key.cam{background:var(--lime)}.tl-key.show{background:var(--amber);opacity:.9;border-radius:999px;margin-left:0;transform:none}.tl-key.hide{opacity:.9;background:#ff9b8a;border-radius:999px;margin-left:0;transform:none}.tl-key.move{opacity:.9;background:#4dd6ff;border-radius:999px;margin-left:0;transform:none}.tl-key.sun{background:#ffe066;border-radius:999px}.tl-key.on{z-index:2;box-shadow:0 0 0 2px #fff,0 0 12px #ffffffb3}.pl-edit{border-bottom:1px solid var(--edge-soft);flex-direction:column;gap:8px;padding:6px 6px 2px;display:flex}.pl-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pl-row .btn{flex:none;padding:7px 10px}.pl-row .btn:disabled{opacity:.4;pointer-events:none}.pl-row input[type=range]{width:110px}.pl-row output{min-width:52px;color:var(--muted);font-size:12px;font-weight:700}.pl-name{font:inherit;color:var(--text);border:1px solid var(--edge-soft);background:#00000040;border-radius:12px;outline:0;width:220px;padding:7px 10px;font-size:14px;font-weight:800}.pl-f{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.pl-f .num{width:58px;padding:6px 7px}.pl-at{color:var(--lime);min-width:92px;font-size:12px;font-weight:800}.pl-note{color:var(--muted);margin:0;font-size:11.5px}.pl-key{background:#00000038;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.pl-key b{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pl-key b svg{width:15px;height:15px}.pl-key .btn{flex:none;padding:6px 10px}.seg.three{grid-template-columns:1fr 1fr 1fr}.ms-list{scrollbar-width:thin;gap:4px;max-height:260px;margin:4px 0 10px;display:grid;overflow-y:auto}.ms-item{background:#0003;border-radius:12px;align-items:center;gap:8px;padding:6px 4px 6px 8px;display:flex}.ms-n{width:20px;height:20px;color:var(--lime-ink);background:#ffe066;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.ms-t{font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:12px;line-height:1.35}.ms-t b{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}.ai-key{background:#ffb02e1a;border:1px solid #ffb02e40;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;font-size:12.5px;display:flex}.ai-key span{flex:1;align-items:center;gap:8px;display:flex}.ai-key svg{width:16px;height:16px;color:var(--amber);flex:none}.ai-key .btn{flex:none}