input[type=number]{border-radius:3px;position:relative}input[type=number]:focus,input[type=text]:focus,input[type=search]:focus,textarea:focus{outline:1px solid var(--tb-n-9,#3f3f46);outline-offset:-1px}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;border-left:1px solid var(--tb-lift,#fff);width:14px;height:100%;margin:0;padding:0;position:absolute;top:0;right:0}@supports (color:color-mix(in lab, red, red)){input[type=number]::-webkit-inner-spin-button{border-left:1px solid color-mix(in srgb, var(--tb-lift,#fff) 25%, transparent)}}input[type=number]::-webkit-inner-spin-button{opacity:.55;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpolyline points='2.5,5.25 5,2.75 7.5,5.25' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='2.5,8.75 5,11.25 7.5,8.75' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px 14px;transition:opacity .12s}input[type=number]:hover::-webkit-inner-spin-button{opacity:1}input[type=number]:focus::-webkit-inner-spin-button{opacity:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:16px;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--tb-n-3,#18181b);border:1px solid var(--tb-n-7,#27272a);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--tb-n-3,#18181b);border:1px solid var(--tb-n-10,#52525b);cursor:pointer;border-radius:50%;width:11px;height:11px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--tb-n-3,#18181b);border:1px solid var(--tb-n-7,#27272a);border-radius:2px;height:3px}input[type=range]::-moz-range-thumb{background:var(--tb-n-3,#18181b);border:1px solid var(--tb-n-10,#52525b);cursor:pointer;border-radius:50%;width:11px;height:11px}input[type=range]::-moz-focus-outer{border:0}.live-root{--bg:#0a0a0a;--bg-2:#111113;--bg-3:#18181b;--border:#27272a;--border-strong:#3f3f46;--text:#e5e7eb;--text-dim:#a1a1aa;--text-faint:#71717a;--accent:#93c5fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);width:100%;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.live-root .app{width:100%;height:100%;display:flex;position:relative}.live-root .canvas-area{background:var(--bg-deep,#050505);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.live-root .canvas-area canvas{background:var(--canvas-bg,#000);border-radius:var(--lv-radius,0px);max-width:100%;max-height:100%;display:block;box-shadow:0 4px 32px #0009}.live-root .sidebar{background:var(--panel-bg,var(--bg-2));width:280px;height:100%;-webkit-backdrop-filter:var(--panel-backdrop,none);border-left:1px solid var(--border);color:var(--text);flex-direction:column;flex-shrink:0;font-size:11px;display:flex;overflow-y:auto}.live-root[data-panel-side=left] .app{flex-direction:row-reverse}.live-root[data-panel-side=left] .sidebar{border-left:none;border-right:1px solid var(--border)}.live-root[data-panel-mode=floating] .sidebar{border:1px solid var(--border);border-radius:var(--lv-radius,0px);height:auto;max-height:calc(100% - 32px);position:absolute;top:16px;right:16px;box-shadow:0 8px 32px #00000059}.live-root[data-panel-mode=floating][data-panel-side=left] .sidebar{left:16px;right:auto}.live-root[data-panel-mode=floating][data-panel-align=middle] .sidebar{top:50%;transform:translateY(-50%)}.live-root[data-panel-mode=floating][data-panel-align=bottom] .sidebar{top:auto;bottom:16px}.live-root[data-canvas=full-bleed] .canvas-area{padding:0}.live-root[data-canvas=full-bleed] .canvas-area canvas{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border-radius:0}.live-root .sidebar .section{border-bottom:1px solid var(--border);padding:12px}.live-root .sidebar .section:last-child{border-bottom:none}.live-root .sidebar .section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:10px}.live-root .sidebar .row{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.live-root .sidebar .row:last-child{margin-bottom:0}.live-root .sidebar .row .label{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.live-root .sidebar .row .label .driven-badge{letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:0 4px;font-size:9px;line-height:1.4}.live-root .sidebar .row.driven .control-host{opacity:.5;pointer-events:none}.live-root .transport{align-items:center;gap:6px;display:flex}.live-root .transport button,.live-root .export-row button,.live-root .export-status button{background:var(--bg-3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:12px}.live-root .transport button:hover,.live-root .export-row button:hover:not(:disabled),.live-root .export-status button:hover{background:var(--bg-hover,#232328)}.live-root .scrub{width:100%;margin-top:8px}.live-root .res-row{align-items:center;gap:6px;margin-top:8px;display:flex}.live-root .res-row .res-label{color:var(--text-dim);flex-shrink:0;font-size:10px}.live-root .res-row input[type=range]{flex:1;min-width:0}.live-root .res-row .res-value{color:var(--text-faint);text-align:right;flex-shrink:0;width:32px;font-family:ui-monospace,monospace;font-size:10px}.live-root .export-row{gap:6px;margin-top:8px;display:flex}.live-root .export-row button{flex:1;font-size:11px}.live-root .export-row button:disabled{opacity:.5;cursor:default}.live-root .export-status{color:var(--text-dim);align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.live-root .export-status span{flex:1;min-width:0}.live-root .export-status button{padding:1px 6px;font-size:10px}.live-root .export-hint{color:var(--text-faint);margin-top:4px;font-size:9px}.live-root .transport .time{color:var(--text-faint);margin-left:auto;font-family:ui-monospace,monospace;font-size:10px}.live-root .text-input,.live-root .number-input,.live-root .select-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);padding:2px 4px;font-family:inherit;font-size:11px}.live-root .textarea-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;min-height:54px;padding:4px 6px;font-family:inherit;font-size:11px;line-height:1.4}.live-root .color-input{border:1px solid var(--border);background:0 0;width:100%;height:24px;padding:0}.live-root .scalar-row{align-items:center;gap:6px;display:flex}.live-root .scalar-row input[type=range]{accent-color:var(--accent);flex:1}.live-root .scalar-row input[type=number]{background:var(--bg);border:1px solid var(--border);width:64px;color:var(--text);padding:2px 4px;font-family:inherit;font-size:11px}.live-root .vec-row{gap:4px;display:flex}.live-root .vec-row input[type=number]{background:var(--bg);border:1px solid var(--border);color:var(--text);flex:1;width:0;padding:2px 4px;font-family:inherit;font-size:11px}.live-root .file-row{flex-direction:column;gap:4px;display:flex}.live-root .file-row input[type=file]{color:var(--text);font-size:10px}.live-root .file-row .meta{color:var(--text-faint);font-size:10px}.live-root .file-row .clear{border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;align-self:flex-start;padding:2px 6px;font-family:inherit;font-size:10px}.live-root .fatal{color:#fca5a5;white-space:pre-wrap;padding:24px;font-family:ui-monospace,monospace}.live-root .unsupported-stub{color:var(--text-faint);font-size:11px;font-style:italic}