:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9edf3;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d1015;--panel:#14181ff0;--panel-soft:#1b2028d1;--panel-strong:#171c24;--border:#ffffff16;--border-strong:#ffffff26;--text:#e9edf3;--muted:#8e98a7;--subtle:#626d7c;--accent:#8d9dff;--accent-strong:#7185ff;--accent-soft:#7d8fff29;--danger:#ff6f7e;--shadow:0 18px 60px #00000057;--radius:14px;background:#0d1015;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% -20%, #5f6fb91c, transparent 38%), var(--bg);min-width:320px}button,input,select{font:inherit}button,summary,select,input[type=range],input[type=color]{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:var(--bg);grid-template:"topbar topbar topbar"58px"library viewport inspector"minmax(0,1fr)"layers layers layers"148px/250px minmax(0,1fr) 292px;width:100%;height:100dvh;display:grid}.topbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1015eb;grid-area:topbar;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.brand{align-items:center;gap:10px;min-width:226px;display:flex}.brand-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(145deg,#8b9dfff2,#6674ddb8);border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid;box-shadow:0 8px 28px #5f6fe033}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{font-size:12px;font-weight:690}.brand-copy span{color:var(--muted);margin-top:4px;font-size:9px}.toolbar-group{align-items:center;gap:5px;display:flex}.toolbar-project{flex:1;justify-content:center}.toolbar-view{justify-content:flex-end;min-width:226px}.toolbar-divider{background:var(--border);width:1px;height:22px;margin:0 4px}.icon-button,.compact-button,.mini-button{border:1px solid var(--border);background:#ffffff09;transition:border-color .12s,background .12s,transform .12s}.icon-button:hover,.compact-button:hover,.mini-button:hover{border-color:var(--border-strong);background:#ffffff13}.icon-button:active,.compact-button:active,.mini-button:active{transform:translateY(1px)}.icon-button{color:#cfd6df;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;font-size:16px;display:grid}.compact-button{color:#cfd6df;border-radius:9px;min-height:34px;padding:0 11px;font-size:10px;font-weight:620}.mini-button{border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:14px;display:grid}.mini-button.danger:hover{color:var(--danger);background:#ff6f7e14;border-color:#ff6f7e59}.status-pill,.asset-chip{background:var(--accent-soft);color:#bdc6ff;text-overflow:ellipsis;white-space:nowrap;border:1px solid #8d9dff33;border-radius:999px;align-items:center;max-width:150px;min-height:24px;padding:0 8px;font-size:9px;display:inline-flex;overflow:hidden}.panel{background:var(--panel);scrollbar-color:#343b49 transparent;scrollbar-width:thin;min-width:0;overflow:auto}.library-panel{border-right:1px solid var(--border);grid-area:library}.inspector-panel{border-left:1px solid var(--border);grid-area:inspector}.panel-header{justify-content:space-between;align-items:center;gap:10px;padding:16px 14px 10px;display:flex}.panel-header h2{letter-spacing:-.01em;margin:3px 0 0;font-size:13px;font-weight:680}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:740}.inline-actions{gap:5px;display:flex}.search-field{border:1px solid var(--border);min-height:34px;color:var(--subtle);background:#ffffff06;border-radius:9px;align-items:center;gap:7px;margin:2px 12px 12px;padding:0 9px;display:flex}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.search-field input::placeholder{color:#5e6877}.library-section,.inspector-section{border-top:1px solid var(--border);padding:10px 12px 13px}.section-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:8px;font-weight:700;display:flex}.object-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.object-tile{border:1px solid var(--border);min-height:62px;color:var(--muted);background:#ffffff06;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:8px;transition:all .13s;display:flex}.object-tile:hover,.object-tile.is-active{color:#dce2ff;background:#8d9dff17;border-color:#8d9dff52}.object-glyph{color:#d9dfee;font-size:17px;line-height:1}.preset-list{flex-direction:column;gap:6px;display:flex}.preset-card{text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;padding:8px;transition:all .12s;display:grid}.preset-card:hover{border-color:var(--border);background:#ffffff0d}.preset-swatch,.layer-swatch{background:radial-gradient(circle at 30% 25%, var(--swatch-b,var(--layer-b)), transparent 42%), linear-gradient(135deg, var(--swatch-a,var(--layer-a)), var(--swatch-b,var(--layer-b)));border:1px solid #ffffff26;box-shadow:inset 0 0 0 1px #00000024}.preset-swatch{border-radius:9px;width:32px;height:32px}.preset-copy,.layer-copy{flex-direction:column;min-width:0;display:flex}.preset-copy strong,.layer-copy strong{color:#dde3ec;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:630;overflow:hidden}.preset-copy small,.layer-copy small{color:var(--muted);text-overflow:ellipsis;margin-top:3px;font-size:8px;line-height:1.35;overflow:hidden}.preset-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.preset-arrow{color:var(--subtle);font-size:17px}.empty-state{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:10px;padding:16px;font-size:10px;line-height:1.55}.viewport{background:#111318;grid-area:viewport;min-width:0;min-height:0;position:relative;overflow:hidden}.lab-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.viewport-badge,.viewport-help{z-index:5;pointer-events:none;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1117ad;position:absolute}.viewport-badge{color:#cbd2dc;text-overflow:ellipsis;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;max-width:250px;padding:7px 9px;font-size:9px;display:flex;top:12px;left:12px;overflow:hidden}.live-dot{background:#7fe0a2;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #7fe0a214}.viewport-help{color:#7e8998;border-radius:9px;padding:7px 9px;font-size:8px;bottom:12px;right:12px}.drop-overlay{z-index:15;color:#dce2ff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#4d5bab2e;border:1px dashed #8d9dff75;border-radius:16px;place-items:center;font-size:13px;font-weight:650;transition:all .12s;display:grid;position:absolute;inset:14px;transform:scale(.99)}.viewport.is-dragging .drop-overlay{opacity:1;transform:scale(1)}.inspector-heading{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14181ff0;position:sticky;top:0}.field-row,.toggle-row{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.field-row-text input,.field-stack select,.number-input{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:7px}.field-row-text input{width:64%;min-width:0;height:30px;padding:0 8px;font-size:9px}.field-columns{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.field-stack{color:var(--muted);flex-direction:column;gap:5px;font-size:8px;display:flex}.field-stack select{width:100%;height:31px;padding:0 7px;font-size:9px}.color-pair{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.color-field{border:1px solid var(--border);min-height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:5px 7px;font-size:8px;display:flex}.color-field input[type=color]{background:0 0;border:0;border-radius:5px;width:28px;height:22px;padding:0;overflow:hidden}.parameter-section{padding-bottom:8px}.parameter-row{min-height:34px;color:var(--muted);grid-template-columns:68px minmax(0,1fr) 54px;align-items:center;gap:7px;font-size:8px;display:grid}.parameter-row input[type=range]{width:100%;accent-color:var(--accent)}.number-input{text-align:right;width:54px;height:27px;padding:0 4px;font-size:8px}.advanced-section{padding-top:8px}.advanced-section summary{color:#bbc3cf;font-size:9px;font-weight:650;list-style:none}.advanced-section summary::-webkit-details-marker{display:none}.advanced-section summary:after{content:"⌄";float:right;color:var(--subtle)}.synthesis-actions{gap:6px;margin:10px 0 6px;display:grid}.population-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:7px}.mutation-population{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.mutation-population button{min-width:0;padding-inline:0}.graph-toggle{min-height:26px}.genome-locks{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.genome-locks label{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:3px;padding:4px 6px;font-size:7px;display:flex}.material-graph{border:1px solid var(--border);background:#04070c40;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding:8px;display:grid}.graph-node{background:#ffffff0a;border-left:2px solid #7687e8;border-radius:5px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.graph-node-output{border-left-color:#78d5a1}.graph-node-structure{border-left-color:#d8ad67}.graph-node strong{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.graph-node small,.graph-summary{color:var(--subtle);text-transform:uppercase;font-size:6px}.graph-summary{grid-column:1/-1;padding-top:3px}.compact-field{margin-top:7px}.compact-field input[type=color]{background:0 0;border:0;border-radius:6px;width:34px;height:24px;padding:0}.toggle-row input{accent-color:var(--accent)}.layer-dock{z-index:20;border-top:1px solid var(--border);background:#0f1218f7;grid-area:layers;grid-template-columns:150px minmax(0,1fr);gap:10px;min-width:0;padding:10px 12px;display:grid;box-shadow:0 -14px 40px #00000024}.layer-dock-heading{flex-direction:column;justify-content:space-between;min-width:0;padding:5px 2px;display:flex}.layer-dock-heading>div{flex-direction:column;gap:3px;display:flex}.layer-dock-heading strong{font-size:10px;font-weight:630}.layer-scroll{scrollbar-color:#343b49 transparent;scrollbar-width:thin;align-items:stretch;gap:7px;min-width:0;padding:2px 2px 5px;display:flex;overflow-x:auto}.layer-card{border:1px solid var(--border);background:#ffffff06;border-radius:11px;grid-template-rows:minmax(0,1fr) 24px;grid-template-columns:24px minmax(0,1fr);width:156px;min-width:156px;padding:7px;transition:all .12s;display:grid}.layer-card:hover,.layer-card.is-selected{background:#8d9dff13;border-color:#8d9dff59}.layer-card.is-disabled{opacity:.48}.layer-visibility,.layer-card-actions button{color:var(--subtle);background:0 0;border:0;padding:0}.layer-visibility{align-self:start;width:20px;height:24px;font-size:10px}.layer-main{text-align:left;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:0;display:grid}.layer-swatch{border-radius:8px;width:30px;height:30px}.layer-card-actions{border-top:1px solid #ffffff0d;grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.layer-card-actions button{width:20px;font-size:11px}.add-layer-menu{position:relative}.add-layer-menu summary{align-items:center;width:fit-content;list-style:none;display:flex}.add-layer-menu summary::-webkit-details-marker{display:none}.popup-menu{z-index:60;border:1px solid var(--border-strong);width:142px;box-shadow:var(--shadow);background:#1a1f28;border-radius:10px;padding:5px;position:absolute;bottom:40px;left:0}.popup-menu button{color:#c8d0db;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:7px 8px;font-size:9px}.popup-menu button:hover{background:#ffffff0f}.radial-host{z-index:100;pointer-events:none;position:fixed;inset:0}.radial-host.is-open{pointer-events:auto}.radial-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#05070a38;position:absolute;inset:0}.radial-menu{filter:drop-shadow(0 16px 28px #00000057);width:0;height:0;position:absolute}.radial-center,.radial-item{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.radial-center{z-index:2;pointer-events:none;background:radial-gradient(circle at 35% 25%,#8797ff38,#0000 55%),#141821f5;border:1px solid #8d9dff47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:inset 0 0 0 5px #ffffff05,0 0 0 1px #0000004d}.radial-center strong{font-size:10px}.radial-center span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:7px}.radial-item{width:56px;height:56px;margin-left:var(--radial-x);margin-top:var(--radial-y);color:#dce2ec;background:#161b23f5;border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .11s;display:flex}.radial-item:hover{background:#272e42;border-color:#8d9dff80;transform:translate(-50%,-50%)scale(1.08)}.radial-item>span{font-size:15px;line-height:1}.radial-item small{color:#a8b1bf;font-size:7px}.toast{z-index:120;border:1px solid var(--border-strong);max-width:min(420px,100vw - 24px);box-shadow:var(--shadow);color:#dbe2ec;opacity:0;pointer-events:none;background:#171c24f5;border-radius:10px;padding:9px 12px;font-size:10px;transition:all .15s;position:fixed;bottom:166px;left:50%;transform:translate(-50%,6px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast[data-kind=error]{color:#ffc1c7;border-color:#ff6f7e59}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:fixed!important;overflow:hidden!important}@media (width<=1120px){.app-shell{grid-template-columns:218px minmax(0,1fr) 264px}.brand,.toolbar-view{min-width:190px}.object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){html,body,#app{overflow:auto}.app-shell{grid-template:"topbar topbar"54px"viewport viewport"minmax(300px,1fr)"library inspector"218px"layers layers"142px/1fr 1fr;min-height:100dvh}.topbar{padding:7px 8px}.brand{min-width:auto}.brand-copy span,.status-pill,.toolbar-divider{display:none}.toolbar-view{min-width:auto}.toolbar-project{flex:0 auto}.library-panel,.inspector-panel{border-top:1px solid var(--border)}.library-panel{border-right:1px solid var(--border)}.inspector-panel{border-left:0}.object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-dock{grid-template-columns:126px minmax(0,1fr);padding:8px}.toast{bottom:154px}}@media (width<=600px){.app-shell{grid-template:"topbar"52px"viewport"52vh"library"220px"inspector"300px"layers"142px/1fr;height:auto;min-height:100dvh}.brand-copy,.toolbar-project .compact-button:nth-of-type(3),.toolbar-project .compact-button:nth-of-type(4){display:none}.topbar{position:sticky;top:0}.library-panel,.inspector-panel{border-left:0;border-right:0}.object-grid{grid-template-columns:repeat(6,minmax(64px,1fr));overflow-x:auto}.object-tile{min-height:58px}.preset-list{grid-auto-columns:minmax(200px,72vw);grid-auto-flow:column;display:grid;overflow-x:auto}.layer-dock{grid-template-columns:108px minmax(0,1fr);position:sticky;bottom:0}.layer-card{width:146px;min-width:146px}.viewport-help{display:none}.radial-item{width:52px;height:52px}}.layer-card-actions{align-items:center}.layer-card-actions button:disabled{opacity:.25;cursor:default}.layer-action-spacer{flex:1}.preset-card[hidden],.empty-state[hidden]{display:none!important}.routing-field{margin-top:8px}.inspector-action{justify-content:center;width:100%;margin-top:8px}.group-editor,.mesh-target-editor{border:1px solid var(--border);background:#ffffff05;border-radius:9px;margin-top:9px;padding:8px}.group-editor .section-heading{align-items:center;margin-bottom:4px}.asset-note{color:var(--subtle);overflow-wrap:anywhere;margin-top:6px;font-size:8px;line-height:1.4}.layer-copy small{text-transform:none}.quality-control{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffff08;border-radius:9px;align-items:center;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.quality-control select{color:#cfd6df;background:0 0;border:0;outline:0;max-width:82px;margin-left:4px;font-size:9px}.quality-control option{color:var(--text);background:#171c24}.performance-hud{z-index:7;color:#9fa9b8;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d1015ad;border:1px solid #ffffff17;border-radius:8px;max-width:calc(100% - 24px);padding:6px 8px;font-size:8px;position:absolute;bottom:12px;right:12px;overflow:hidden}.viewport:before,.viewport:after{z-index:12;opacity:0;pointer-events:none;transition:opacity .14s;position:absolute}.viewport:before{content:"";-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#090c1129;inset:0}.viewport:after{content:attr(data-loading-label);color:#cfd6ff;letter-spacing:.01em;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10141be0;border:1px solid #8d9dff38;border-radius:10px;min-width:156px;padding:10px 13px;font-size:9px;font-weight:650;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 42px #00000047}.viewport.is-loading:before,.viewport.is-loading:after{opacity:1}.renderer-fallback{z-index:5;color:#e1e7f6b8;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f16e0;border:1px solid #d8e1ff33;border-radius:16px;gap:8px;width:min(440px,100% - 48px);padding:22px 24px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000005c}.renderer-fallback strong{color:#f3f6ff;font-size:15px}.renderer-fallback span{font-size:12px;line-height:1.55}.preset-tags{scrollbar-width:none;gap:5px;margin:0 0 9px;padding-bottom:2px;display:flex;overflow-x:auto}.preset-tags::-webkit-scrollbar{display:none}.tag-chip{border:1px solid var(--border);min-height:22px;color:var(--muted);text-transform:capitalize;background:#ffffff06;border-radius:999px;flex:none;padding:0 7px;font-size:7px}.tag-chip:hover,.tag-chip.is-active{background:var(--accent-soft);color:#c8d0ff;border-color:#8d9dff57}.preset-swatch{overflow:hidden}.preset-swatch.has-thumbnail{background:#11151b}.preset-swatch img{object-fit:cover;width:100%;height:100%;display:block}.preset-card-tags{gap:3px;margin-top:4px;display:flex;overflow:hidden}.preset-card-tags span{color:#8996b4;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#8d9dff14;border-radius:999px;padding:2px 4px;font-size:6px}.radial-item.radial-inner{background:#11151cf7;width:46px;height:46px}.radial-item.radial-inner>span{font-size:13px}.radial-item.radial-inner small{font-size:6px}:root{--bg:#05070a;--panel:#0a0d13ad;--panel-soft:#151a2380;--panel-strong:#10141b;--border:#e1e9ff1d;--border-strong:#eff4ff3b;--text:#f3f6fb;--muted:#a0abba;--subtle:#697587;--accent:#b5beff;--accent-strong:#8d9dff;--accent-soft:#96a5ff29;--shadow:0 28px 80px #00000080;--glass-surface:linear-gradient(148deg, #ffffff1a 0%, #ffffff07 12%, transparent 27%), radial-gradient(ellipse at 14% -8%, #c4cfff21, transparent 37%), radial-gradient(ellipse at 95% 112%, #5b6eb01f, transparent 39%), linear-gradient(118deg, transparent 0 34%, #e7ecff0b 35%, transparent 36.6% 55%, #cfd8ff06 56%, transparent 58%), linear-gradient(68deg, transparent 0 70%, #ffffff05 71%, transparent 73%);--glass-control:linear-gradient(150deg, #ffffff17, #ffffff07 28%, #ffffff03 52%, #00000029), linear-gradient(116deg, transparent 0 64%, #dce4ff06 66%, transparent 68%);--glass-edge:inset 0 1px 0 #ffffff1f, inset 1px 0 0 #ffffff09, inset 0 -1px 0 #0000006b;--glass-shadow:var(--glass-edge), 0 12px 30px #00000038, 0 2px 8px #0000002e}.app-shell{background:0 0}.topbar{box-shadow:var(--glass-edge), 0 14px 38px #00000047;background-color:#080b109e;border-bottom-color:#e6edff21}.layer-dock{box-shadow:var(--glass-edge), 0 -20px 48px #00000045;background-color:#080b10a8;border-top-color:#e6edff21}.brand-mark{background:radial-gradient(circle at 27% 17%,#ffffff6b,#0000 22%),linear-gradient(145deg,#d3dbfffa,#8998f6c7 45%,#4755a3b8),#7888e573;border-color:#f6f8ff4d;box-shadow:inset 0 1px #ffffff7a,inset 0 -6px 12px #141c5438,0 10px 30px #5b6bd24d}.icon-button,.compact-button,.mini-button,.search-field,.object-tile,.preset-card,.layer-card,.tag-chip,.quality-control,.group-editor,.mesh-target-editor,.field-row-text input,.field-stack select,.number-input,.color-field{background-image:var(--glass-control);box-shadow:var(--glass-edge);background-color:#12172075;border-color:#e5ecff1a}.icon-button,.compact-button,.mini-button,.object-tile,.preset-card,.layer-card,.tag-chip{text-shadow:0 1px 2px #0000006b}.icon-button:hover,.compact-button:hover,.mini-button:hover,.preset-card:hover,.object-tile:hover,.object-tile.is-active,.layer-card:hover,.layer-card.is-selected,.tag-chip:hover,.tag-chip.is-active{background-color:#1c232f94;background-image:linear-gradient(148deg,#ffffff21,#aab9ff0d 44%,#03050829),linear-gradient(116deg,#0000 0 64%,#e5ebff0a 66%,#0000 68%);border-color:#d3dcff4a;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000061,0 10px 24px #0000002e}.object-tile.is-active,.layer-card.is-selected,.tag-chip.is-active{background-color:#212837a3;border-color:#b3c0ff70;box-shadow:inset 0 1px #ffffff24,inset 0 0 30px #8193ff13,0 0 0 1px #7e91ff0b,0 10px 26px #0000002e}.status-pill,.asset-chip,.preset-card-tags span{background:linear-gradient(145deg,#ffffff16,#0000 54%),linear-gradient(112deg,#7789e82b,#4e5ca317);border-color:#bec9ff3b;box-shadow:inset 0 1px #ffffff12}.viewport-badge,.viewport-help,.performance-hud,.viewport:after,.toast,.popup-menu,.radial-center,.radial-item{background-image:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background-color:#0a0e15a3;border-color:#ebf1ff29}.viewport-badge,.viewport-help,.performance-hud{text-shadow:0 1px 2px #0000008c}.viewport:after{background-color:#0a0e15cc}.radial-center,.radial-item{box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000075,0 12px 30px #0000004d}.radial-item.radial-inner{background-image:var(--glass-surface);background-color:#080c13c2}.popup-menu button:hover,.radial-item:hover{background-color:#8294eb29}.quality-control option,.field-stack option{background:#0d1118}.search-field:focus-within,.field-row-text input:focus,.field-stack select:focus,.number-input:focus,.quality-control:focus-within{border-color:#b8c4ff6b;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #8999ff13,0 8px 18px #00000021}.panel,.layer-scroll{scrollbar-color:#9eaac766 transparent}@media (width<=860px){.phase3-command,.phase3-divider{display:none}.performance-hud{bottom:8px;right:8px}}@media (width<=600px){.toolbar-project .compact-button[data-command=open-project],.toolbar-project .compact-button[data-command=save-project]{display:none}.toolbar-project .compact-button[data-command=import-model]{display:inline-flex}.quality-control{padding:0 5px}.quality-control>span{display:none}.quality-control select{max-width:64px;margin-left:0}.performance-hud{max-width:calc(100% - 16px);font-size:7px}.group-editor,.mesh-target-editor{padding:7px}}.preview-library-section{padding-top:9px;padding-bottom:10px}.compact-object-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;position:relative;overflow:visible}.compact-object-tile{aspect-ratio:1;border-radius:9px;place-items:center;width:100%;min-height:0;padding:0;display:grid;position:relative}.compact-object-tile .object-glyph{font-size:14px}.compact-object-tile:after{content:attr(data-tooltip);z-index:20;color:#dce2ec;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;background:#080b10f5;border:1px solid #e5ecff24;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:650;line-height:1;transition:opacity .1s,transform .1s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-3px);box-shadow:0 8px 22px #00000057}.compact-object-tile:hover:after,.compact-object-tile:focus-visible:after{opacity:1;transform:translate(-50%)}.preset-file-actions{border-top:1px solid #ebf1ff12;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding-top:9px;display:grid}.preset-file-button{background-image:var(--glass-control);min-width:0;min-height:30px;box-shadow:var(--glass-edge);color:#b7c0ce;background-color:#12172075;border:1px solid #e5ecff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:8px;font-weight:650;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.preset-file-button:hover{color:#eef2fa;background-color:#1c232f94;border-color:#d3dcff4a}.preset-file-button>span:first-child{color:#c6ceff;font-size:12px;line-height:1}.preset-file-status{min-height:0;color:var(--subtle);margin-top:6px;font-size:7px;line-height:1.35}.preset-file-status:empty{display:none}.preset-file-status[data-kind=error]{color:#ff8e99}@media (width<=760px){.compact-object-grid{gap:4px}.preset-file-button{padding:0 6px}}.tile-workspace{background:radial-gradient(circle at 18% -10%,#6f80d01a,#0000 34%),linear-gradient(124deg,#0000 0 38%,#e9eeff04 40%,#0000 43%),#090c11;grid-area:viewport;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:none;overflow:hidden}.app-shell.is-tile-mode .viewport{display:none}.app-shell.is-tile-mode .tile-workspace{display:grid}.tile-preview-toolbar{border-bottom:1px solid var(--border);background:var(--glass-surface), #0a0d12c2;box-shadow:var(--glass-edge), 0 12px 32px #0003;-webkit-backdrop-filter:blur(24px)saturate(128%);backdrop-filter:blur(24px)saturate(128%);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.tile-preview-title{flex-direction:column;gap:2px;min-width:148px;display:flex}.tile-preview-title strong{color:#eef1f7;font-size:12px;font-weight:680}.tile-preview-title [data-role=tile-status]{color:var(--muted);font-size:8px}.tile-workspace[data-stale=true] [data-role=tile-status]{color:#e9bd7a}.tile-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.tile-preview-control,.tile-preview-grid-toggle{border:1px solid var(--border);background:var(--glass-control), #161b2480;min-height:34px;box-shadow:var(--glass-edge);color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:0 8px;font-size:8px;display:inline-flex}.tile-preview-control select{color:#d8dee9;background:0 0;border:0;outline:0;max-width:104px;font-size:9px}.tile-preview-control option{color:var(--text);background:#11151c}.tile-preview-grid-toggle input{accent-color:var(--accent)}.tile-save-button{color:#e2e7ff;background:linear-gradient(145deg,#ffffff14,#0000 52%),#7c8dec24;border-color:#abb8ff57;box-shadow:inset 0 1px #ffffff14,0 8px 22px #00000026}.tile-preview-stage{background:linear-gradient(45deg,#ffffff04 25%,#0000 25%) 0 0/24px 24px,linear-gradient(-45deg,#ffffff04 25%,#0000 25%) 0 12px/24px 24px,radial-gradient(circle at 50% 0,#626fa412,#0000 46%),#080b10;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.tile-preview-stage canvas{width:100%;height:100%;display:block}.tile-preview-empty{border:1px dashed var(--border-strong);background:var(--glass-surface), #0d1118c7;max-width:300px;box-shadow:var(--glass-edge), 0 16px 38px #0000003d;color:var(--muted);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);border-radius:10px;padding:12px 16px;font-size:10px;line-height:1.5;position:absolute}.tile-preview-empty[hidden]{display:none}.tile-preview-footer{border-top:1px solid var(--border);background:var(--glass-surface), #0a0d12c2;min-height:34px;box-shadow:var(--glass-edge);color:var(--subtle);-webkit-backdrop-filter:blur(24px)saturate(128%);backdrop-filter:blur(24px)saturate(128%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-size:8px;display:flex}@media (width<=860px){.tile-preview-toolbar{flex-direction:column;align-items:flex-start}.tile-preview-actions{justify-content:flex-start;width:100%}}@media (width<=600px){.tile-preview-stage{min-height:280px}.tile-preview-control,.tile-preview-grid-toggle{flex:120px}}.brand{isolation:isolate;background:linear-gradient(145deg,#ffffff0b,#0000 28%),radial-gradient(circle at 17% 46%,#6778e429,#0000 38%),radial-gradient(circle at 1px 1px,#dde5ff09 1px,#0000 1.2px) 0 0/6px 6px,linear-gradient(100deg,#06090ee0,#0d11189e 58%,#06090ed6);border:1px solid #e0e8ff1a;border-radius:13px 5px 13px 13px;min-height:42px;padding:3px 14px 3px 4px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0000008c,0 8px 22px #00000038}.brand:before,.brand:after{content:"";pointer-events:none;position:absolute}.brand:before{z-index:-1;background:linear-gradient(112deg,#0000 0 58%,#cdd6ff08 59%,#0000 61%),linear-gradient(72deg,#0000 0 35%,#cdd6ff05 36%,#0000 38%);border:1px solid #9baaec0d;border-radius:10px 3px 10px 10px;inset:2px}.brand:after{z-index:-1;opacity:.42;background-color:#0000;background-image:linear-gradient(30deg,#0000 24%,#bcc6ec0f 25% 27%,#0000 28% 74%,#bcc6ec0f 75% 77%,#0000 78%),linear-gradient(150deg,#0000 24%,#bcc6ec0b 25% 27%,#0000 28% 74%,#bcc6ec0b 75% 77%,#0000 78%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:86px;height:58px;top:-6px;right:3px;transform:skew(-10deg)}.brand-mark,.brand-copy{z-index:1;position:relative}.brand-mark{color:#f7f9ff;letter-spacing:.075em;text-shadow:0 1px #ffffff94,0 2px 2px #0f1234e6,0 0 8px #dce2ff33;background:radial-gradient(circle at 28% 18%,#ffffff5c,#0000 24%),linear-gradient(145deg,#b0bcfffa,#6979ebf0 34%,#404ba9f2 67%,#1f265efa);border:1px solid #e2e8ff5c;border-radius:11px;flex:0 0 38px;width:38px;height:38px;font-size:10px;font-weight:900;transform:perspective(160px)rotateY(-4deg)rotateX(2deg);box-shadow:inset 0 1px #ffffff75,inset 0 -5px 9px #0a0d306b,inset 0 0 0 2px #ffffff09,0 0 0 1px #2b3477d1,0 7px 13px #0000006b,0 0 18px #6678ff38}.brand-mark:before{content:"";pointer-events:none;border:1px solid #e7ecff38;border-radius:8px;position:absolute;inset:2px;box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 2px #0c0f3880}.brand-copy{text-shadow:0 2px 4px #0000008c;gap:0}.brand-copy strong{color:#f2f4f8;letter-spacing:-.015em;text-shadow:0 1px #ffffff2e,0 2px 3px #000000b8;font-size:12px;font-weight:760}.brand-copy span{color:#8793a7;letter-spacing:.012em;text-shadow:0 1px 2px #000000bf;font-size:8px}@media (width<=860px){.brand{padding-right:8px}}@media (width<=600px){.brand{border-radius:12px;min-height:40px;padding:2px}.brand:after{display:none}.brand-mark{flex-basis:36px;width:36px;height:36px}}:root{--panel:#3f4550bd;--panel-soft:#4c535f94;--panel-strong:#1b2028;--border:#f1f5ff21;--border-strong:#f8faff3d;--marble-glass-base:#3d434eb8;--marble-glass-strong:#323843d6;--marble-glass-dock:#373d48c7;--marble-control:#0a0d12d6;--marble-control-hover:#11151ceb;--marble-control-active:#181d27f0;--marble-surface:radial-gradient(ellipse at 8% 0%, #ffffff26, transparent 34%), radial-gradient(ellipse at 96% 108%, #b8c2d71a, transparent 39%), linear-gradient(127deg, transparent 0 21%, #f6f8ff11 21.4%, #97a0b406 22.1%, transparent 23.1% 46%, #12161d1f 46.4%, transparent 47.4% 70%, #ecf0f90a 70.5%, transparent 71.6%), linear-gradient(63deg, transparent 0 39%, #080b101a 39.5%, transparent 40.3% 75%, #ffffff09 75.5%, transparent 76.5%), linear-gradient(155deg, #ffffff0e, transparent 28%, #06090e14 76%, #ffffff06);--marble-control-surface:linear-gradient(150deg, #ffffff0e, transparent 31%, #0003), linear-gradient(116deg, transparent 0 68%, #dce3f006 69%, transparent 71%)}body{background:radial-gradient(at 16% -12%,#8b97b629,#0000 35%),radial-gradient(at 86% 112%,#515b7124,#0000 38%),linear-gradient(124deg,#0000 0 28%,#e0e6f106 28.4%,#0000 29.2% 62%,#cfd7e605 62.5%,#0000 63.5%),#080b10}.topbar,.panel,.layer-dock,.inspector-heading{background-image:var(--marble-surface);background-color:var(--marble-glass-base);-webkit-backdrop-filter:blur(28px)saturate(112%);backdrop-filter:blur(28px)saturate(112%)}.topbar{background-color:var(--marble-glass-strong);border-bottom-color:#f4f7ff29;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #03050957,0 16px 38px #00000047}.library-panel,.inspector-panel{box-shadow:inset 0 1px #ffffff0e,inset 0 0 56px #ffffff06,inset 0 0 110px #080b1014}.library-panel{border-right-color:#f6f8ff26}.inspector-panel{border-left-color:#f6f8ff26}.inspector-heading{background-color:#393f4ae6;box-shadow:inset 0 1px #ffffff12,0 12px 24px #0000002b}.layer-dock{background-color:var(--marble-glass-dock);border-top-color:#f6f8ff29;box-shadow:inset 0 1px #ffffff1f,0 -18px 46px #00000040}.library-section,.inspector-section,.layer-card-actions{border-color:#f6f8ff17}.icon-button,.compact-button,.mini-button,.object-tile,.preset-card,.layer-card,.tag-chip,.search-field,.quality-control,.group-editor,.mesh-target-editor,.field-row-text input,.field-stack select,.number-input,.color-field{background-image:var(--marble-control-surface);background-color:var(--marble-control);border-color:#ebf0fa1f;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000080,0 4px 12px #00000014}.icon-button:hover,.compact-button:hover,.mini-button:hover,.object-tile:hover,.preset-card:hover,.layer-card:hover,.tag-chip:hover{background-image:var(--marble-control-surface);background-color:var(--marble-control-hover);border-color:#f4f7ff3d;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000007a,0 8px 18px #00000029}.object-tile.is-active,.layer-card.is-selected,.tag-chip.is-active{background-image:linear-gradient(150deg, #a0afff17, transparent 40%), var(--marble-control-surface);background-color:var(--marble-control-active);border-color:#b5c2ff6b;box-shadow:inset 0 1px #ffffff1a,inset 0 0 24px #8091eb14,0 8px 20px #0000002b}.search-field:focus-within,.field-row-text input:focus,.field-stack select:focus,.number-input:focus,.quality-control:focus-within{background-color:#0c1016f0;border-color:#bfcaff66}.viewport-badge,.viewport-help,.performance-hud,.toast,.popup-menu,.radial-center,.radial-item{background-color:#1c212acc}.performance-hud{-webkit-backdrop-filter:blur(14px)saturate(112%);backdrop-filter:blur(14px)saturate(112%);background-color:#191e27d1;background-image:linear-gradient(145deg,#535b6c57,#191e27b8);border:1px solid #ebf0fa24;border-radius:9px;padding:7px 10px;box-shadow:inset 0 1px #ffffff1c,0 5px 14px #0003}.popup-menu button,.radial-item.radial-inner{background-color:#0b0e13e6}.toolbar-view .status-pill{isolation:isolate;color:#f1f4fa;letter-spacing:.015em;text-align:center;text-shadow:0 1px 2px #0000008c;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:radial-gradient(at 24% -45%,#ffffff3d,#0000 48%),linear-gradient(126deg,#0000 0 31%,#f2f5ff13 31.7%,#0000 33% 67%,#14182124 68%,#0000 70%),linear-gradient(145deg,#737c9194,#3c4351a8 48%,#252b36c2);border:1px solid #f4f7ff3d;border-radius:999px;flex:none;justify-content:center;gap:9px;min-width:260px;max-width:320px;min-height:36px;padding:0 18px 0 31px;font-size:10px;font-weight:680;line-height:1;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #03050961,inset 0 0 24px #e0e6f409,0 8px 22px #0000003d,0 1px 2px #00000047}.toolbar-view .status-pill:before{content:"";background:#e1e8ffeb;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:13px;transform:translateY(-50%);box-shadow:0 0 0 4px #d1dbff13,0 0 12px #b9c6ff57}.toolbar-view .status-pill:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,#ffffff21,#0000 20% 70%,#ffffff09),linear-gradient(#ffffff0b,#0000 48%);position:absolute;inset:1px}@media (width<=1180px){.toolbar-view .status-pill{min-width:210px;max-width:230px;padding-inline:28px 14px;font-size:9px}}@media (width<=860px){.toolbar-view .status-pill{min-width:170px;max-width:190px}}@media (width<=600px){.toolbar-view .status-pill{min-width:132px;max-width:132px;min-height:32px;padding-inline:25px 10px;font-size:8px}.toolbar-view .status-pill:before{width:6px;height:6px;left:10px}}.progress-overlay{z-index:200;opacity:0;pointer-events:none;background:#06090e6b;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.progress-overlay[data-active=true]{opacity:1;pointer-events:auto}.progress-panel{border:1px solid var(--border-strong,#f8faff3d);background:radial-gradient(ellipse at 8% 0%, #ffffff26, transparent 34%), radial-gradient(ellipse at 96% 108%, #b8c2d71a, transparent 39%), linear-gradient(155deg, #ffffff0e, transparent 28%, #06090e14 76%, #ffffff06), var(--marble-glass-strong,#323843d6);-webkit-backdrop-filter:blur(28px)saturate(112%);backdrop-filter:blur(28px)saturate(112%);border-radius:16px;flex-direction:column;gap:16px;width:min(360px,100% - 48px);padding:22px 24px 20px;display:flex;box-shadow:inset 0 1px #ffffff12,0 24px 60px #00000075}.progress-title{color:#f2f4f8;letter-spacing:-.01em;font-size:11px;font-weight:760}.progress-track{border:1px solid var(--border,#f1f5ff21);background:#0a0d12d6;border-radius:999px;height:5px;position:relative;overflow:hidden}.progress-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#6979ebf2,#b0bcfffa);border-radius:999px;width:100%;height:100%;transition:transform .26s cubic-bezier(.22,.68,.32,1);transform:scaleX(0);box-shadow:0 0 12px #6678ff73}.progress-track:after{content:"";background:linear-gradient(90deg,#0000,#e2e8ff38,#0000);animation:1.4s ease-in-out infinite progress-sheen;position:absolute;inset:0;transform:translate(-100%)}.progress-overlay[data-determinate=true] .progress-track:after{display:none}@keyframes progress-sheen{to{transform:translate(100%)}}.progress-status{color:#cfd6ff;letter-spacing:.01em;justify-content:space-between;gap:12px;font-size:9px;font-weight:650;display:flex}.progress-status span:last-child{color:#8793a7;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.progress-overlay,.progress-fill{transition:none}.progress-track:after{animation:none;display:none}}:root{--dark-surface:#13171ec2;--dark-surface-hover:#191e27db;--dark-surface-active:#1e242fe6;--dark-edge:#f4f7ff1c;--dark-contact-shadow:0 2px 4px #0000003d, 0 7px 16px #0000001a;--dark-inset:inset 0 1px 0 #ffffff13, inset 0 -1px 0 #00000052}.brand{-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);background:radial-gradient(at 16% -25%,#ffffff18,#0000 46%),linear-gradient(126deg,#0000 0 58%,#e6ebf707 59%,#0000 61%),linear-gradient(145deg,#2c323dad,#1d222bbd 55%,#161b23c7);border-color:#f4f7ff1a;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #00000047,0 3px 6px #0003,0 9px 20px #00000017}.brand:before{background:linear-gradient(112deg,#0000 0 58%,#e2e8f706 59%,#0000 61%),linear-gradient(72deg,#0000 0 35%,#e2e8f704 36%,#0000 38%);border-color:#e7ecf809}.icon-button,.compact-button,.mini-button,.object-tile,.preset-card,.layer-card,.tag-chip,.search-field,.quality-control,.group-editor,.mesh-target-editor,.field-row-text input,.field-stack select,.number-input,.color-field{border-color:var(--dark-edge);background-color:var(--dark-surface);box-shadow:var(--dark-inset), var(--dark-contact-shadow)}.icon-button:hover,.compact-button:hover,.mini-button:hover,.object-tile:hover,.preset-card:hover,.layer-card:hover,.tag-chip:hover{background-color:var(--dark-surface-hover);border-color:#f7f9ff30;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 3px 6px #00000040,0 9px 18px #0000001f}.icon-button:active,.compact-button:active,.mini-button:active,.object-tile.is-active,.layer-card.is-selected,.tag-chip.is-active{background-color:var(--dark-surface-active);box-shadow:inset 0 1px #ffffff16,inset 0 2px 5px #0000002e,0 2px 4px #0003,0 6px 13px #00000014}.search-field:focus-within,.field-row-text input:focus,.field-stack select:focus,.number-input:focus,.quality-control:focus-within{background-color:#161b23e0;box-shadow:inset 0 1px #ffffff16,0 0 0 1px #b4c1ff1c,0 3px 7px #00000038,0 8px 18px #00000017}.popup-menu button,.radial-item.radial-inner{background-color:#12161dd6;box-shadow:inset 0 1px #fff1,0 3px 7px #0003}.pattern-editor{border-color:#becad62e}.pattern-editor summary,.graph-exposed-panel .section-heading span,.surface-graph-header strong{letter-spacing:.01em}.graph-exposed-panel{background:linear-gradient(145deg,#ffffff0b,#78828e06);border:1px solid #c8d2dc24;border-radius:12px;margin-top:14px;padding:12px;box-shadow:inset 0 1px #ffffff09,0 8px 24px #0000001f}.graph-exposed-panel .section-heading{align-items:baseline;gap:8px}.graph-exposed-panel .section-heading small{color:var(--muted,#929aa4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-exposed-grid{gap:8px;margin-top:8px;display:grid}.graph-exposed-control{margin:0}.surface-graph-editor{background:#0d101475;border:1px solid #cad3dc24;border-radius:14px;gap:10px;margin-top:14px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff09,0 10px 28px #00000029}.surface-graph-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.surface-graph-header>div{gap:2px;display:grid}.surface-graph-header small,.surface-graph-header>span{color:var(--muted,#929aa4);font-size:10px}.surface-graph-header>span{text-align:right}.surface-graph-nodes{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;display:grid}.surface-graph-node{background:linear-gradient(150deg,#444b546b,#1e222857);border:1px solid #d5dce41f;border-radius:10px;min-width:0;padding:9px;box-shadow:inset 0 1px #ffffff0a,0 5px 14px #0000001f}.surface-graph-node-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.surface-graph-node-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.surface-graph-node-heading span{color:var(--muted,#929aa4);text-transform:uppercase;border:1px solid #ffffff17;border-radius:999px;padding:2px 5px;font-size:8px}.surface-graph-node>small{color:#d7dee6ad;margin-top:3px;font-size:9px;display:block}.surface-graph-ports{color:#c7d0d98c;gap:2px;margin-top:7px;font-size:8px;line-height:1.25;display:grid}.surface-graph-routes{background:#00000029;border-radius:9px;gap:4px;max-height:160px;padding:7px;display:grid;overflow:auto}.surface-graph-edge{color:#d3dae2ad;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;font-size:9px;display:grid}.surface-graph-edge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.surface-subgraph-list{flex-wrap:wrap;gap:5px;display:flex}.surface-subgraph-list span{color:#d8dfe6ad;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;padding:4px 7px;font-size:9px}.surface-graph-workspace{z-index:14;color:#e7ebf2;isolation:isolate;font-family:inherit;position:absolute;inset:0;overflow:hidden}.surface-graph-workspace[hidden]{display:none}.app-shell:has(.surface-graph-workspace:not([hidden])) .surface-graph-editor{display:none}.sg-workspace-shell{background:radial-gradient(circle at 18% -10%,#8a9bcd26,#0000 34%),radial-gradient(circle at 86% 106%,#757e991f,#0000 34%),linear-gradient(145deg,#101319f7,#080b10fb);grid-template-rows:64px minmax(0,1fr);display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0b}.sg-toolbar{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(118%);backdrop-filter:blur(24px)saturate(118%);background:linear-gradient(#ffffff0a,#0000),#171b22c7;border-bottom:1px solid #dae2f21c;grid-template-columns:minmax(190px,1fr) auto minmax(260px,1fr);align-items:center;gap:20px;min-width:0;padding:0 18px;display:grid;position:relative;box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff0e}.sg-title-group,.sg-title-row{min-width:0}.sg-title-group{gap:3px;display:grid}.sg-kicker{color:#a6b2ccb8;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:760}.sg-title-row{align-items:center;gap:9px;display:flex}.sg-title-row>strong{color:#f3f5f9;letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;overflow:hidden}.sg-live-chip{color:#b7e9d0db;background:#3d82601f;border:1px solid #8fdeb92b;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 7px;font-size:8px;font-weight:650;display:inline-flex}.sg-live-chip i{background:#79d6a8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #79d6a8a8}.sg-toolbar-stats{align-items:center;gap:6px;min-width:0;display:flex}.sg-toolbar-stats>span,.sg-zoom-label{color:#aeb8cca3;font-variant-numeric:tabular-nums;background:#ffffff06;border:1px solid #d2dbed17;border-radius:8px;padding:5px 8px;font-size:8px}.sg-toolbar-stats strong{color:#e2e8f4e6;font-weight:740}.sg-toolbar-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.sg-tool-button,.sg-icon-button,.sg-node-menu,.sg-expose-button{color:#e5eaf4d6;font:inherit;cursor:pointer;border:1px solid #dae2f21f}.sg-tool-button{background:linear-gradient(#ffffff0e,#ffffff04),#191d25d1;border-radius:9px;min-height:29px;padding:0 10px;font-size:9px;font-weight:650;box-shadow:inset 0 1px #ffffff0d,0 5px 12px #00000029}.sg-tool-button:hover,.sg-icon-button:hover,.sg-node-menu:hover{color:#fff;background-color:#464d5e6b;border-color:#d9e1f53d}.sg-tool-primary{background:radial-gradient(circle at 22% 0,#ffffff24,#0000 36%),linear-gradient(135deg,#6d7ed6b8,#434c91c7);border-color:#93a2e757;box-shadow:inset 0 1px #ffffff2b,0 7px 18px #2a336f47}.sg-stage{cursor:grab;touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.sg-stage:active{cursor:grabbing}.sg-grid{pointer-events:none;background-image:linear-gradient(#abb9d409 1px,#0000 1px),linear-gradient(90deg,#abb9d409 1px,#0000 1px),radial-gradient(circle,#c6d1e621 1px,#0000 1.2px);background-size:112px 112px,112px 112px,28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 48% 48%,#000 36%,#000000b8 72%,#0000 118%);mask-image:radial-gradient(at 48% 48%,#000 36%,#000000b8 72%,#0000 118%)}.sg-grid:after{content:"";background:radial-gradient(circle at 32% 34%,#6f80bd0f,#0000 28%),linear-gradient(130deg,#0000 0 42%,#ffffff03 48%,#0000 54%);position:absolute;inset:0}.sg-edge-layer,.sg-world{position:absolute;inset:0}.sg-edge-layer{z-index:2;pointer-events:none;width:100%;height:100%;overflow:visible}.sg-world{z-index:3;transform-origin:0 0;will-change:transform}.sg-edge{fill:none;stroke:#99aae0bd;stroke-width:2px;stroke-linecap:round;filter:url(#sg-edge-glow);opacity:.8}.sg-edge[data-port-type=color]{stroke:#e090bdd1}.sg-edge[data-port-type=height]{stroke:#9abeefd6}.sg-edge[data-port-type=mask]{stroke:#b4cadcd1}.sg-edge[data-port-type=normal]{stroke:#84d3c3d6}.sg-edge[data-port-type=id]{stroke:#e3be77d1}.sg-edge[data-port-type=vector2],.sg-edge[data-port-type=vector3]{stroke:#a895e4d1}.sg-edge-implicit{filter:none;stroke-width:1.4px;stroke-dasharray:4 5;opacity:.42}.sg-edge-implicit[data-dependency=mask]{stroke:#aec6dba8}.sg-edge-implicit[data-dependency=structure]{stroke:#85aee5b3}.sg-edge-preview{stroke-width:2.4px;stroke-dasharray:6 5;opacity:.92;animation:.7s linear infinite sg-edge-flow}@keyframes sg-edge-flow{to{stroke-dashoffset:-11px}}@media (width<=980px){.sg-toolbar{grid-template-columns:minmax(160px,1fr) auto}.sg-toolbar-stats{display:none}}@media (width<=680px){.sg-workspace-shell{grid-template-rows:58px minmax(0,1fr)}.sg-toolbar{gap:8px;padding:0 10px}.sg-title-row .sg-live-chip,.sg-zoom-label,.sg-tool-button[data-graph-action=fit]{display:none}.sg-tool-button{padding:0 7px}}@media (prefers-reduced-motion:reduce){.sg-edge-preview{animation:none}}.sg-node{--sg-accent:139, 155, 216;background:radial-gradient(circle at 10% -10%, rgba(var(--sg-accent), .13), transparent 38%), linear-gradient(150deg, #404652ad, #161a22cc 48%, #0e1117e0);-webkit-backdrop-filter:blur(18px)saturate(112%);backdrop-filter:blur(18px)saturate(112%);-webkit-user-select:none;user-select:none;border:1px solid #d3dcef24;border-radius:15px;width:232px;transition:border-color .12s,box-shadow .12s,transform .12s;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff13,inset 0 -1px #0000004d,0 14px 28px #0000004d,0 2px 6px #00000057}.sg-node[data-category=generator]{--sg-accent:106, 151, 225}.sg-node[data-category=scatter]{--sg-accent:129, 169, 226}.sg-node[data-category=flood]{--sg-accent:126, 184, 200}.sg-node[data-category=height]{--sg-accent:151, 173, 215}.sg-node[data-category=warp]{--sg-accent:156, 134, 220}.sg-node[data-category=adjust]{--sg-accent:197, 153, 213}.sg-node[data-category=transform]{--sg-accent:139, 164, 204}.sg-node[data-category=blend]{--sg-accent:213, 153, 174}.sg-node[data-category=utility]{--sg-accent:121, 191, 174}.sg-node[data-category=sdf]{--sg-accent:116, 171, 221}.sg-node[data-category=graph]{--sg-accent:173, 151, 223}.sg-node[data-category=output]{--sg-accent:224, 184, 115}.sg-node:hover{border-color:rgba(var(--sg-accent), .34);box-shadow:inset 0 1px 0 #ffffff17, 0 17px 34px #00000057, 0 0 22px rgba(var(--sg-accent), .06)}.sg-node.is-selected{border-color:rgba(var(--sg-accent), .68);box-shadow:inset 0 1px 0 #ffffff1f, 0 18px 38px #00000061, 0 0 0 1px rgba(var(--sg-accent), .18), 0 0 30px rgba(var(--sg-accent), .13)}.sg-node.is-dragging{z-index:8;box-shadow:0 22px 46px #0000006b, 0 0 36px rgba(var(--sg-accent), .15);transform:scale(1.012)}.sg-node-accent{background:linear-gradient(90deg, transparent, rgba(var(--sg-accent), .88) 18%, rgba(var(--sg-accent), .42) 72%, transparent);height:2px;box-shadow:0 0 12px rgba(var(--sg-accent), .42)}.sg-node-header{cursor:grab;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 10px 9px;display:grid}.sg-output-node .sg-node-header{cursor:default}.sg-node-header:active{cursor:grabbing}.sg-node-glyph,.sg-browser-icon{border:1px solid rgba(var(--sg-accent), .3);background:radial-gradient(circle at 30% 12%, #ffffff29, transparent 30%), rgba(var(--sg-accent), .13);color:#e8edf8e6;letter-spacing:.035em;justify-content:center;align-items:center;font-size:7px;font-weight:820;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 5px 12px #00000038}.sg-node-glyph{border-radius:9px;width:29px;height:29px}.sg-node-title{gap:1px;min-width:0;display:grid}.sg-node-title strong{color:#f4f6faf0;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:720;overflow:hidden}.sg-node-title small,.sg-lock-mark{color:#a4afc485;font-size:7px}.sg-node-menu,.sg-icon-button{background:#ffffff06;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:9px;display:inline-flex}.sg-node-ports{background:#04070b26;border-top:1px solid #ffffff0b;border-bottom:1px solid #0000003d;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:3px 0 7px;display:grid}.sg-output-ports{grid-template-columns:1fr}.sg-port-column{align-content:start;display:grid}.sg-port{color:#c7cfddb8;align-items:center;min-height:23px;font-size:7px;display:grid;position:relative}.sg-port-input{grid-template-columns:12px minmax(0,1fr) auto;padding-right:5px}.sg-port-output{text-align:right;grid-template-columns:auto minmax(0,1fr) 12px;padding-left:5px}.sg-port-output span{order:2}.sg-port-output em{order:1}.sg-port-output .sg-socket{order:3}.sg-port span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sg-port sup{color:#adb8cb59;margin-left:2px;font-size:6px}.sg-port em{color:#9da8bb57;font-size:6px;font-style:normal}.sg-socket{z-index:2;cursor:crosshair;background:#121720;border:2px solid #a7b6ded1;border-radius:50%;width:10px;height:10px;padding:0;transition:transform .1s,box-shadow .1s,background .1s;position:relative;box-shadow:0 0 0 2px #798fca14,0 0 8px #758ed12e}.sg-port-input .sg-socket{margin-left:-5px}.sg-port-output .sg-socket{margin-right:-5px}.sg-socket:hover{background:#dce4f7;transform:scale(1.3);box-shadow:0 0 0 3px #899bd324,0 0 12px #899bd380}.sg-socket[data-port-type=color]{border-color:#e090bde6}.sg-socket[data-port-type=height]{border-color:#9abeefeb}.sg-socket[data-port-type=mask]{border-color:#b4cadce6}.sg-socket[data-port-type=normal]{border-color:#84d3c3eb}.sg-socket[data-port-type=id]{border-color:#e3be77eb}.sg-socket[data-port-type=vector2],.sg-socket[data-port-type=vector3]{border-color:#a895e4eb}.sg-node-footer{color:#9ea8bb61;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:8px;padding:6px 10px 7px;font-size:6px;display:flex}.sg-output-node{background:radial-gradient(circle at 20% -8%,#e0b87324,#0000 40%),linear-gradient(150deg,#484237ad,#1c1a18e0);border-color:#e0b87342}@media (prefers-reduced-motion:reduce){.sg-node,.sg-socket{transition:none}}.sg-side-panel{z-index:12;-webkit-backdrop-filter:blur(28px)saturate(112%);backdrop-filter:blur(28px)saturate(112%);background:radial-gradient(circle at 8% 0,#ffffff12,#0000 30%),linear-gradient(155deg,#373e4ab8,#13171ed6);border:1px solid #dce3f121;border-radius:16px;width:min(270px,30vw);position:absolute;top:14px;bottom:14px;right:14px;overflow:auto;box-shadow:inset 0 1px #ffffff12,0 18px 42px #00000057}.sg-side-heading{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1b2028db;border-bottom:1px solid #fff1;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex;position:sticky;top:0}.sg-side-heading>div:first-child{gap:3px;min-width:0;display:grid}.sg-side-heading strong{color:#f0f3f8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sg-side-heading small{color:#a2adc28c;font-size:7px}.sg-side-actions{gap:5px;display:flex}.sg-danger:hover{color:#ffbdc4;border-color:#e5858f47}.sg-node-meta{flex-wrap:wrap;gap:5px;padding:10px 12px 0;display:flex}.sg-node-meta span{color:#a8b3c68f;text-transform:uppercase;background:#ffffff05;border:1px solid #dbe2ef14;border-radius:999px;padding:3px 6px;font-size:6px}.sg-node-meta .sg-dependency-chip{color:#b6c7e5a8;text-transform:none;background:#5b71a414;border-color:#8ba5d62b}.sg-param-list{gap:7px;padding:11px 12px 12px;display:grid}.sg-param-control{background:#04070b29;border:1px solid #d7dfef13;border-radius:10px;gap:6px;margin:0;padding:9px;display:grid}.sg-param-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.sg-param-label strong{color:#d5dce8b8;font-size:7px;font-weight:620}.sg-expose-button{color:#a6b3cc80;background:#ffffff06;border-radius:999px;padding:2px 5px;font-size:6px}.sg-expose-button.is-exposed{color:#c1cdf3db;background:#6578c621;border-color:#8b9fe23d}.sg-param-control input[type=range]{accent-color:#8293d3;width:100%}.sg-param-number,.sg-param-text,.sg-browser-search input{color:#e7ebf3e0;min-width:0;font:inherit;background:#05080d61;border:1px solid #d6dff01a;border-radius:8px;outline:none;font-size:8px}.sg-param-number,.sg-param-text{height:27px;padding:0 8px}.sg-param-number:focus,.sg-param-text:focus,.sg-browser-search input:focus{border-color:#8c9ee066;box-shadow:0 0 0 2px #6d82cd14}.sg-param-text-row{grid-template-columns:auto minmax(0,1fr);gap:6px;display:grid}.sg-param-text-row:has(.sg-param-text:first-child){grid-template-columns:1fr}.sg-param-color{background:#05080d61;border:1px solid #d6dff01a;border-radius:8px;width:31px;height:27px;padding:2px}.sg-param-toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sg-param-toggle .sg-param-label{display:flex}.sg-param-readonly code{color:#a6b2c680;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.sg-param-empty,.sg-side-note{color:#a4aec07a;font-size:7px;line-height:1.5}.sg-side-note{background:#ffffff03;border:1px dashed #d2dcee17;border-radius:9px;margin:0 12px 12px;padding:9px}.sg-side-empty{text-align:center;align-content:center;place-items:center;gap:7px;height:100%;min-height:220px;padding:28px;display:grid}.sg-side-empty>span{color:#a7b5dc8c;font-size:28px}.sg-side-empty strong{color:#e2e7f1cc;font-size:10px}.sg-side-empty p{color:#9da9be75;max-width:190px;margin:0;font-size:7px;line-height:1.5}.sg-node-browser{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0305096b;justify-content:center;align-items:flex-start;padding-top:min(13vh,100px);display:none;position:absolute;inset:0}.sg-node-browser.is-open{display:flex}.sg-browser-panel{background:radial-gradient(circle at 15% 0,#ffffff14,#0000 32%),linear-gradient(150deg,#3e4552eb,#13171ff7);border:1px solid #dee5f229;border-radius:18px;width:min(520px,100% - 48px);max-height:min(660px,100% - 80px);overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 28px 70px #0000008c}.sg-browser-heading{justify-content:space-between;align-items:flex-start;padding:15px 16px 10px;display:flex}.sg-browser-heading>div{gap:2px;display:grid}.sg-browser-heading span{color:#f2f4f8;font-size:12px;font-weight:720}.sg-browser-heading small{color:#a5b0c480;font-size:7px}.sg-browser-search{color:#a5b1c77a;background:#05080d4d;border:1px solid #d7e0f11a;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:0 14px 10px;padding:0 10px;display:grid}.sg-browser-search input{background:0 0;border:0;width:100%;height:34px;padding:0}.sg-browser-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:480px;padding:0 12px 14px;display:grid;overflow:auto}.sg-browser-item{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#080b113b;border:1px solid #d9e1f013;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.sg-browser-item:hover{background:#4d577038;border-color:#92a2dc3d}.sg-browser-item[hidden]{display:none}.sg-browser-badge{color:#e2be8e;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;white-space:nowrap;background:#e2b2761c;border:1px solid #e2b27657;border-radius:5px;margin-left:2px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:500}.sg-browser-item[data-node-status=planned] .sg-browser-badge{color:#ec9ea6;background:#e88a941c;border-color:#e88a9457}.sg-browser-item[data-node-status=planned] .sg-browser-icon{opacity:.55}.sg-browser-icon{--sg-accent:139, 155, 216;border-radius:9px;width:32px;height:32px}.sg-browser-icon[data-category=generator]{--sg-accent:106, 151, 225}.sg-browser-icon[data-category=scatter]{--sg-accent:129, 169, 226}.sg-browser-icon[data-category=flood]{--sg-accent:126, 184, 200}.sg-browser-icon[data-category=height]{--sg-accent:151, 173, 215}.sg-browser-icon[data-category=warp]{--sg-accent:156, 134, 220}.sg-browser-icon[data-category=adjust]{--sg-accent:197, 153, 213}.sg-browser-icon[data-category=transform]{--sg-accent:139, 164, 204}.sg-browser-icon[data-category=blend]{--sg-accent:213, 153, 174}.sg-browser-icon[data-category=utility]{--sg-accent:121, 191, 174}.sg-browser-icon[data-category=sdf]{--sg-accent:116, 171, 221}.sg-browser-icon[data-category=graph]{--sg-accent:173, 151, 223}.sg-browser-item>span:nth-child(2){gap:2px;min-width:0;display:grid}.sg-browser-item strong{color:#e8ecf4d6;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.sg-browser-item small,.sg-browser-item>i{color:#a2aec36b;font-size:6px;font-style:normal}.sg-hint{z-index:5;color:#a4afc261;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e1370;border:1px solid #d8e0ef12;border-radius:8px;padding:5px 8px;font-size:6px;position:absolute;bottom:12px;left:14px}@media (width<=980px){.sg-side-panel{width:min(235px,38vw)}}@media (width<=680px){.sg-side-panel{width:auto;max-height:38%;inset:auto 8px 8px}.sg-browser-list{grid-template-columns:1fr}.sg-hint{display:none}}.viewport-badge,.viewport-help,.performance-hud,.drop-overlay,.radial-center,.radial-item,.popup-menu,.toast,.renderer-fallback,.viewport:before,.viewport:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.viewport:before{background-color:#090c116b}