:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-ground:#0f1012;--graph-ground:#111214;--grid-dot:#24252a;--panel:#151619;--surface:#1b1c20;--raised:#222328;--raised-hover:#2a2b31;--hairline:#25262b;--hairline-strong:#2f3036;--text:#e7e7ea;--text-muted:#8d8f98;--text-faint:#5d5f68;--signal-blue:#6b8cff;--texture-rose:#c96f90;--number-teal:#4fa69c;--live-green:#4fb37a;--danger:#e5484d;--cat-source:#d1a04f;--cat-filter:#6f9bd6;--cat-combine:#a38ad3;--cat-control:#57b2a6;--cat-audio:#d27896;--cat-output:#9a9ca5;--shadow-node:0 0 0 1px var(--hairline-strong), 0 2px 6px #0000004d;--shadow-float:0 0 0 1px var(--hairline-strong), 0 12px 32px #00000080;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);font-family:var(--font-sans);font-size:12px;line-height:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--app-ground);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0;border:0;padding:0}h1,p{margin:0}:focus-visible{outline:2px solid var(--signal-blue);outline-offset:1px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.faint{color:var(--text-faint);font-size:11px}.strong{color:var(--text)}.spacer{flex:1}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.kbd{font:10px/14px var(--font-mono);color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--hairline-strong);border-radius:3px;padding:0 4px}.status-dot{background:var(--live-green);border-radius:50%;flex:none;width:6px;height:6px}.category-dot{background:var(--cat);border-radius:2px;flex:none;width:6px;height:6px}.cat-source{--cat:var(--cat-source)}.cat-filter{--cat:var(--cat-filter)}.cat-combine{--cat:var(--cat-combine)}.cat-control{--cat:var(--cat-control)}.cat-audio{--cat:var(--cat-audio)}.cat-output{--cat:var(--cat-output)}.button{background:var(--raised);height:24px;box-shadow:inset 0 0 0 1px var(--hairline-strong);white-space:nowrap;cursor:pointer;transition:transform .12s var(--ease-out);border-radius:5px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.button:active:not([data-disabled]){transform:scale(.97)}.button.on{box-shadow:inset 0 0 0 1px var(--signal-blue)}.button.primary{background:var(--text);color:var(--app-ground);box-shadow:none;font-weight:500}.button.danger{background:var(--danger);color:#fff;box-shadow:none}.button.ghost{box-shadow:none;color:var(--text-muted);background:0 0}.icon-button{width:26px;height:26px;color:var(--text-muted);border-radius:5px;flex:none;place-items:center;display:inline-grid}.icon-button.on{background:var(--raised);color:var(--text)}.icon-button[data-disabled]{color:var(--text-faint);cursor:default}@media (hover:hover){.button:hover:not([data-disabled]){background:var(--raised-hover)}.button.primary:hover{background:#fff}.button.danger:hover{background:#f05a5f}.button.ghost:hover,.icon-button:hover:not([data-disabled]),.crumb:hover,.card-more:hover{background:var(--raised);color:var(--text)}.add-item:hover{background:var(--raised)}.template:hover{box-shadow:inset 0 0 0 1px var(--hairline-strong);background:var(--surface)}}.field{background:var(--app-ground);width:100%;min-width:0;height:24px;box-shadow:inset 0 0 0 1px var(--hairline);border:0;border-radius:4px;padding:0 6px}.field:focus{box-shadow:inset 0 0 0 1px var(--signal-blue);outline:none}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);cursor:pointer;background-position:right 11px center,right 7px center;background-repeat:no-repeat;background-size:4px 4px;padding-right:22px}.search{background:var(--app-ground);height:26px;box-shadow:inset 0 0 0 1px var(--hairline-strong);color:var(--text-faint);border-radius:5px;align-items:center;gap:6px;padding:0 6px;display:flex}.search:focus-within{box-shadow:inset 0 0 0 1px var(--signal-blue)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--text-faint)}.search input::-webkit-search-cancel-button{display:none}.float{background:var(--panel);box-shadow:var(--shadow-float);border-radius:6px}.toolbar{background:var(--panel);border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:4px;height:36px;padding:0 8px;display:flex;position:relative}.brand-mark{background:var(--text);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;margin:0 6px 0 2px;display:grid}.brand-mark:after{content:"";background:var(--panel);border-radius:50%;width:6px;height:6px}.brand{margin-right:8px;font-weight:500}.crumb,.crumb-sep,.project-name{height:24px;line-height:24px}.crumb{color:var(--text-muted);border-radius:4px;padding:0 4px}.crumb-sep{color:var(--text-faint)}.project-name{field-sizing:content;background:0 0;border:0;border-radius:4px;min-width:48px;max-width:320px;padding:0 6px;font-weight:500}.project-name:hover{background:var(--raised)}.project-name:focus{background:var(--app-ground);box-shadow:inset 0 0 0 1px var(--signal-blue);outline:none}.save-state{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.save-state.dirty .status-dot,.save-state.saving .status-dot{background:var(--text-faint)}.save-state.failed{color:var(--danger)}.save-state.failed .status-dot{background:var(--danger)}.transport{align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.clock{color:var(--text-muted);min-width:44px;padding:0 6px}.divider{background:var(--hairline-strong);flex:none;width:1px;height:16px;margin:0 4px}.toolbar .button{margin-left:4px}.notice{z-index:20;background:var(--panel);max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-float);animation:rise-in .18s var(--ease-out);border-radius:6px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex;position:fixed;top:44px;left:50%;transform:translate(-50%)}.loading{color:var(--text-muted);padding:24px}.editor{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor.wiring,.editor.adding{cursor:crosshair;-webkit-user-select:none;user-select:none}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.canvas{min-width:0;position:relative;overflow:hidden}.graph{background-color:var(--graph-ground);background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1.2px);cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.graph.panning{cursor:grabbing}.graph-layer{transform-origin:0 0;position:absolute;top:0;left:0}.wires{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.wire{fill:none;stroke-width:1.5px;stroke-linecap:round}.wire.texture{stroke:var(--texture-rose)}.wire.number{stroke:var(--number-teal)}.wire.pending{stroke:var(--text);stroke-dasharray:4 4}.node{background:var(--surface);box-shadow:var(--shadow-node);cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute}.node.selected{box-shadow:0 0 0 1.5px var(--signal-blue), 0 2px 6px #0000004d}.node-header{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;height:28px;padding:0 12px;display:flex}.node-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.node-type{color:var(--text-faint);font-size:11px}.node-body{padding:4px 0}.row{color:var(--text-muted);align-items:center;gap:12px;padding:0 12px;font-size:11px;display:flex;position:relative}.row .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .label.out{text-align:right;flex:none}.row .value{color:var(--text)}.row .value.bound{color:var(--number-teal)}.port{border:1px solid var(--surface);cursor:crosshair;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%}.port.in{left:-5px}.port.out{right:-5px}.port.texture{background:var(--texture-rose)}.port.number{background:var(--number-teal)}.port.free{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--text-faint)}@media (hover:hover){.port:hover{transform:scale(1.3)}}.add-node{z-index:5;position:absolute;top:10px;left:10px}.add-panel{width:280px;animation:rise-in .16s var(--ease-out);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:30px;left:0}.add-list{flex-direction:column;max-height:336px;display:flex;overflow-y:auto}.add-item{text-align:left;cursor:grab;border-radius:4px;flex:none;align-items:center;gap:8px;height:28px;padding:0 6px;display:flex}.add-item.active{background:var(--raised)}.add-name{flex:1}.add-category{color:var(--text-faint);text-transform:capitalize;font-size:11px}.add-empty{color:var(--text-muted);padding:8px 6px}.add-hints{border-top:1px solid var(--hairline);color:var(--text-faint);flex-wrap:wrap;gap:4px 10px;padding:6px 6px 2px;font-size:11px;display:flex}.drag-ghost{z-index:30;pointer-events:none;background:var(--panel);box-shadow:var(--shadow-float);color:var(--text-muted);border-radius:5px;padding:4px 8px;position:fixed}.drag-ghost.over{color:var(--text);box-shadow:0 0 0 1px var(--signal-blue), 0 12px 32px #00000080}.dock{background:var(--panel);border-left:1px solid var(--hairline);flex-direction:column;min-height:0;display:flex;overflow:hidden}.output{border-bottom:1px solid var(--hairline);flex:none;padding:0 8px 8px}.pane-head{align-items:center;gap:6px;height:32px;padding-left:6px;display:flex}.pane-title{color:var(--text-muted);flex:1;font-size:11px}.preview-frame{background:#000;border-radius:4px;width:100%;max-height:40vh;margin:0 auto;position:relative;overflow:hidden}.preview-frame:fullscreen{border-radius:0;max-height:none}.preview{width:100%;height:100%;display:block}.preview-overlay{color:var(--text-muted);text-wrap:pretty;flex-direction:column;justify-content:center;gap:4px;padding:16px;font-size:11px;display:flex;position:absolute;inset:0}.preview-title{color:var(--text);font-size:12px;font-weight:500}.inspector{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.inspector-head{align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.inspector-title{font-weight:500}.node-name-input{background:0 0;border:0;border-radius:4px;flex:1;min-width:0;height:24px;margin-left:-4px;padding:0 4px;font-weight:500}.node-name-input:hover{background:var(--raised)}.node-name-input:focus{background:var(--app-ground);box-shadow:inset 0 0 0 1px var(--signal-blue);outline:none}.param{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;min-height:32px;padding:0 14px;display:grid}.param>label,.param>.param-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.range-control{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:12px;display:grid}.num-input{text-align:right}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.slider::-webkit-slider-runnable-track{background:var(--hairline-strong);border-radius:1px;height:2px}.slider::-moz-range-track{background:var(--hairline-strong);border-radius:1px;height:2px}.slider::-moz-range-progress{background:var(--text-muted);height:2px}.slider::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.slider::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:10px;height:10px}.color-control{align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;background:0 0;border:0;border-radius:3px;width:18px;height:18px;padding:0}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff26}.toggle{background:var(--hairline-strong);width:26px;height:14px;transition:background .15s var(--ease-out);border-radius:7px;position:relative}.toggle:after{content:"";background:var(--text-muted);width:10px;height:10px;transition:transform .15s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.toggle[data-checked]{background:var(--signal-blue)}.toggle[data-checked]:after{background:#fff;transform:translate(12px)}.link-chip{min-width:0;height:24px;color:var(--number-teal);background:#4fa69c1f;border-radius:4px;align-items:center;gap:6px;padding:0 0 0 6px;display:flex}.link-chip .mono{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.link-chip .icon-button{width:24px;height:24px}.note{color:var(--text-faint);text-wrap:pretty;padding:8px 14px 0;font-size:11px}.statusbar{background:var(--panel);border-top:1px solid var(--hairline);height:22px;color:var(--text-faint);flex:none;align-items:center;gap:12px;padding:0 4px 0 10px;display:flex}.statusbar .live{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.statusbar .dropped{color:var(--danger)}.statusbar .icon-button{width:20px;height:20px}.projects{flex-direction:column;min-height:100%;display:flex}.project-search{width:260px;height:24px}.split-button{display:inline-flex}.split-button>.button.primary:first-child{border-radius:5px 0 0 5px}.toolbar .split-toggle{border-left:1px solid #c8c8cc;border-radius:0 5px 5px 0;margin-left:0;padding:0 5px}.page{flex:1;padding:16px 20px 32px}.page-note{color:var(--text-muted);padding:8px 0}.library-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.library-title{font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:20px 12px;display:grid}.card{min-width:0;position:relative}.card-link{border-radius:6px;display:block}.thumb{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:0 0 0 1px var(--hairline);background:#000;border-radius:6px;display:block}.thumb.placeholder{background:var(--panel);color:var(--text-faint);place-items:center;font-size:11px;display:grid}@media (hover:hover){.card-link:hover .thumb{box-shadow:0 0 0 1px var(--hairline-strong)}.card-link:hover .card-name{color:#fff}}.card-meta{align-items:baseline;gap:8px;padding:8px 2px 0;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-date{color:var(--text-faint);white-space:nowrap;font-size:11px}.card-sub{color:var(--text-faint);padding:0 2px}.card-menu{position:absolute;top:6px;right:6px}.card-more{width:24px;height:24px;color:var(--text);opacity:0;transition:opacity .12s var(--ease-out);background:#0f1012cc;border-radius:4px;place-items:center;display:grid}.card:hover .card-more,.card:focus-within .card-more,.card-more[aria-expanded=true]{opacity:1}@media (hover:none){.card-more{opacity:1}}.menu{z-index:40;min-width:196px;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);outline:none;padding:4px}.menu[data-closed]{opacity:0;transform:translateY(-2px)}.menu-heading{color:var(--text-faint);padding:6px 8px 2px;font-size:11px}.menu-item{cursor:pointer;border-radius:4px;outline:none;align-items:center;height:26px;padding:0 8px;display:flex}.menu-item[data-active]{background:var(--raised)}.menu-item.danger{color:#ff8a8d}.menu-item-content{align-items:center;gap:8px;display:flex}.menu-separator{background:var(--hairline);height:1px;margin:4px -4px}.confirm{z-index:10;animation:rise-in .16s var(--ease-out);padding:10px;position:absolute;top:34px;left:6px;right:6px}.confirm p{color:var(--text-muted);text-wrap:pretty;margin-bottom:10px}.confirm-actions{justify-content:flex-end;gap:6px;display:flex}.empty{flex-direction:column;align-items:flex-start;gap:12px;max-width:440px;margin:12vh auto 0;display:flex}.empty-title{font-size:14px;font-weight:500;line-height:20px}.empty-text{color:var(--text-muted);line-height:18px}.templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.template{box-shadow:inset 0 0 0 1px var(--hairline);text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.template-sub{color:var(--text-faint);font-size:11px}.empty .button.ghost{margin-left:-8px}@keyframes rise-in{0%{opacity:0;transform:translateY(2px)}}.notice{animation-name:notice-in}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}