:root{color-scheme:dark;--cl-bg:#15171b;--cl-panel:#1b1d22;--cl-raised:#22252b;--cl-line:#30333b;--cl-text:#dce0e7;--cl-muted:#838a98;--cl-accent:#ed945a;--cl-accent-dim:#4c3225;--cl-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--cl-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}button{color:inherit}input,select{color:var(--cl-text);background:#131519;border:1px solid var(--cl-line);border-radius:4px;min-width:0}input[type=checkbox]{accent-color:var(--cl-accent);width:14px;height:14px;cursor:pointer}input[type=range]{appearance:none;accent-color:var(--cl-accent);height:3px;border:0;background:#3b3e47;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--cl-accent);box-shadow:0 0 0 3px #1b1d22}input[type=number]{font-family:var(--cl-mono);font-size:10px;padding:5px 6px;text-align:right}input[type=number]::-webkit-inner-spin-button{opacity:0}input[type=number]:hover::-webkit-inner-spin-button{opacity:1}select{padding:5px 7px;cursor:pointer;font-size:11px}svg{flex-shrink:0}.cl-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;border-radius:5px;min-height:29px;padding:5px 9px;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;user-select:none;transition:background .12s,border-color .12s,color .12s}.cl-button:hover{background:#ffffff0b;border-color:#ffffff08}.cl-button.active{background:#ed945a16;color:var(--cl-accent)}.cl-button.primary{background:var(--cl-accent);color:#25160d;border-color:#f6b081;font-weight:650}.cl-button.primary:hover{background:#f4a574}.cl-button.outline{border-color:var(--cl-line);background:var(--cl-raised)}.cl-button.icon-only{width:29px;padding:5px}.cl-button.small{font-size:10px;min-height:24px;padding:3px 7px}.cl-overline{font-size:9px;letter-spacing:1.3px;font-weight:650;color:var(--cl-muted)}.cl-muted{color:var(--cl-muted)}.cl-empty{padding:28px;color:var(--cl-muted);line-height:1.8;font-size:12px}.cl-toasts{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 30px)}.cl-toast{display:flex;align-items:center;gap:10px;background:#2b2e34f5;border:1px solid #474b55;border-radius:8px;box-shadow:0 10px 30px #0006;padding:13px 18px;font-size:12px;animation:toast-in .16s ease-out}.cl-toast svg{color:#8dc0a0}.cl-toast.error svg{color:#e47d64}.cl-dialog{background:var(--cl-panel);color:var(--cl-text);border:1px solid #444852;border-radius:12px;padding:0;box-shadow:0 30px 100px #0009;width:min(580px,calc(100vw - 30px));max-height:90vh;overflow:auto;font:12px var(--cl-font)}.cl-dialog::backdrop{background:#05080bc2;backdrop-filter:blur(5px)}.cl-dialog-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cl-line);padding:14px 20px}.cl-dialog-title h2{font-size:14px;font-weight:600;margin:0}.cl-command-box{padding:16px}.cl-command-input{width:100%;padding:12px;font-size:13px;margin-bottom:8px}.cl-command-list{display:flex;flex-direction:column;max-height:380px;overflow:auto}.cl-button.command{justify-content:flex-start;padding:12px}.cl-button.command kbd{margin-left:auto;font-size:10px;font-family:var(--cl-mono);color:var(--cl-muted)}[role=separator]{touch-action:none}.cl-dialog-body{padding:20px}.cl-dialog-body p{line-height:1.7;color:var(--cl-muted)}.cl-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--cl-line)}
.cl-graph{position:relative;overflow:hidden;background:#15171c;background-image:radial-gradient(#333640 .8px,transparent .8px);touch-action:none;user-select:none}.cl-graph-world{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.cl-graph-nodes{position:absolute;inset:0;pointer-events:none}.cl-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.cl-edge{fill:none;stroke-width:1.6;opacity:.62}.cl-edge-hit{fill:none;stroke:transparent;stroke-width:15;pointer-events:stroke;cursor:pointer}.cl-edge-hit:hover{stroke:#ffffff20}.cl-node{pointer-events:auto;position:absolute;width:194px;background:#23262cee;border:1px solid #40444f;border-radius:7px;box-shadow:0 6px 15px #0003;color:#ced2dc;font-size:11px;overflow:visible}.cl-node.selected{border-color:var(--node-color);box-shadow:0 0 0 1px var(--node-color),0 5px 14px #0004}.cl-node.disabled{opacity:.45}.cl-node-title{display:flex;align-items:center;gap:8px;height:37px;padding:0 12px;background:color-mix(in srgb,var(--node-color) 13%,#24272e);border-bottom:1px solid color-mix(in srgb,var(--node-color) 25%,transparent);border-radius:6px 6px 0 0;cursor:grab;font-weight:600;white-space:nowrap}.cl-node-title>svg{color:var(--node-color)}.cl-node-title>span:first-of-type{overflow:hidden;text-overflow:ellipsis}.cl-node-menu{margin-left:auto;color:#9196a1;font-size:18px}.cl-node-ports{padding:5px 0}.cl-port-row{display:flex;justify-content:space-between;align-items:center;height:25px}.cl-port{position:relative;display:flex;align-items:center;gap:8px;border:0;color:#a6acb8;background:none;font-size:10px;min-height:24px;padding:2px 9px;cursor:crosshair}.cl-port .cl-socket{position:absolute;top:8px;width:8px;height:8px;border-radius:50%;border:2px solid var(--node-color);background:#23262c}.cl-port.input .cl-socket{left:-5px}.cl-port.output .cl-socket{right:-5px;background:var(--node-color)}.cl-port.input{padding-left:12px}.cl-port.output{padding-right:12px}.cl-port:hover{color:#fff}.cl-port:hover .cl-socket,.cl-port.pending .cl-socket{box-shadow:0 0 0 4px #ffffff20;background:#fff}.cl-node-summary{margin:0 10px;padding:7px 0;border-top:1px solid #ffffff08;color:#858d9b;font-family:var(--cl-mono);font-size:8px;line-height:1.5}.cl-graph-hint{position:absolute;bottom:10px;right:15px;color:#68717f;font-size:9px;pointer-events:none}
.cl-inspector-identity{display:flex;align-items:center;gap:11px;padding:18px 16px 10px}.cl-node-badge{width:37px;height:37px;background:color-mix(in srgb,var(--node-color) 12%,transparent);color:var(--node-color);border:1px solid color-mix(in srgb,var(--node-color) 25%,transparent);border-radius:9px;display:flex;align-items:center;justify-content:center}.cl-inspector-identity h2{font-size:13px;font-weight:600;margin:5px 0 0}.cl-node-meta{padding:4px 16px 15px;border-bottom:1px solid var(--cl-line);display:flex;align-items:center;gap:10px}.cl-node-name{width:100%;padding:6px 8px;font-size:10px}.cl-toggle-label{font-size:10px;color:var(--cl-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.cl-property-group{border-bottom:1px solid #2b2e35;padding:0 16px 12px}.cl-property-group>summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:600;cursor:pointer;user-select:none}.cl-property-group>summary::-webkit-details-marker{display:none}.cl-property-group:not([open])>summary svg{transform:rotate(-90deg)}.cl-property-count{margin-left:auto;color:#5b6270;font-size:9px;font-weight:400}.cl-property{margin-bottom:12px;font-size:10px}.cl-property:last-child{margin-bottom:0}.cl-property-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#afb5c1}.cl-property-controls{display:flex;align-items:center;gap:12px}.cl-property-controls input[type=range]{flex:1;width:50px}.cl-property-controls input[type=number]{width:62px}.cl-keyframe{width:19px!important;min-height:18px!important;height:18px;padding:3px!important;color:#525a69}.cl-keyframe svg{width:10px;height:10px}.cl-keyframe.animated{color:var(--cl-accent)}.cl-property.select{display:flex;align-items:center;justify-content:space-between;gap:10px}.cl-property.select label{color:#afb5c1}.cl-property.select select{max-width:155px;font-size:10px}.cl-property.boolean{display:flex;align-items:center;justify-content:space-between;color:#afb5c1}
.cl-timeline-header{display:flex;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--cl-line);font-size:10px}.cl-timeline-header button{margin-left:auto}.cl-timeline-ruler{height:38px;margin:0 22px 0 150px;position:relative}.cl-tick{position:absolute;top:8px;font-size:9px;color:#697281;font-family:var(--cl-mono);transform:translateX(-50%);pointer-events:none}.cl-tick:after{content:'';display:block;position:absolute;left:50%;top:15px;width:1px;height:5px;background:#454b59}.cl-playhead-slider{position:absolute;inset:0;height:100%!important;opacity:0;z-index:4;width:100%;margin:0}.cl-playhead{position:absolute;width:1px;top:20px;bottom:-180px;background:#ed945a8c;pointer-events:none;z-index:3}.cl-playhead:before{position:absolute;content:'';top:-2px;left:-4px;width:9px;height:12px;background:var(--cl-accent);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.cl-timeline-tracks{overflow:auto;max-height:160px}.cl-animation-empty{padding:25px 20px;text-align:center;font-size:11px;color:#757f8e}.cl-track{display:flex;border-top:1px solid #ffffff04;height:43px}.cl-track-label{width:150px;flex-shrink:0;padding:14px 16px;font-size:10px;color:#a2aab9}.cl-track-lane{position:relative;flex:1;margin-right:22px;border-left:1px solid var(--cl-line)}.cl-track-lane>svg{width:100%;height:100%;position:absolute;inset:0;stroke:#b77c55;stroke-width:1.5;fill:none}.cl-track-key{position:absolute;top:8px;transform:translateX(-50%);color:var(--cl-accent);width:19px!important;height:23px;min-height:23px;z-index:4}.cl-track-key svg{width:11px;height:11px}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
