:root{--bg: #09090b;--panel: #121214;--panel-2: #18181c;--panel-3: #202026;--line: #26262c;--line-2: #33333b;--text: #f4f4f2;--muted: #8b8b95;--dim: #5a5a63;--accent: #d9f24f;--accent-dim: #a8bd3a;--danger: #ff5b45;--ok: #4fd97a;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.label{font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--font-mono);font-size:11px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.app{display:grid;grid-template-rows:52px 1fr;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg);z-index:20}.wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.22em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.wordmark i{width:10px;height:10px;background:var(--accent);display:inline-block;border-radius:2px}.topbar .spacer{flex:1}.crumb{display:flex;align-items:center;gap:8px;min-width:0}.crumb .sep{color:var(--dim)}.name-input{background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;font-family:var(--font-display);font-weight:600;font-size:14px;min-width:60px;max-width:320px;color:var(--text)}.name-input:hover{border-color:var(--line-2)}.name-input:focus{outline:none;border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:4px 9px;border:1px solid var(--line-2);border-radius:999px;color:var(--muted)}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--dim)}.pill.on{color:var(--text)}.pill.on .dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:8px;border:1px solid var(--line-2);color:var(--text);transition:background .12s,border-color .12s,transform .05s;white-space:nowrap}.btn:hover{background:var(--panel-3);border-color:var(--dim)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.btn-primary:hover{background:#e6fa6a;border-color:#e6fa6a}.btn-danger:hover{border-color:var(--danger);color:var(--danger);background:transparent}.btn-sm{padding:6px 10px;font-size:10px;border-radius:6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--muted);border:1px solid transparent}.icon-btn:hover{color:var(--text);background:var(--panel-3)}.field{display:flex;flex-direction:column;gap:6px}.input,.textarea,.select{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--text);width:100%}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent-dim)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--font-mono);font-size:11px;padding:5px 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}.chip:hover{color:var(--text);border-color:var(--dim)}.chip.on{background:var(--text);color:#0a0a0a;border-color:var(--text);font-weight:500}.project-view{display:grid;grid-template-columns:var(--bins-w, 280px) 5px 1fr;grid-template-rows:1fr 5px var(--timeline-h, 300px);grid-template-areas:"bins   vsplit player" "hsplit hsplit hsplit" "timeline timeline timeline";background:var(--line);height:100%;min-height:0}.fl-scroll{overflow-y:auto}.splitter{background:var(--line);position:relative}.splitter.x{width:100%;height:100%;cursor:col-resize}.splitter.y{width:100%;height:100%;cursor:row-resize}.splitter:after{content:"";position:absolute;background:transparent;transition:background .12s}.splitter.x:after{top:0;right:-3px;bottom:0;left:-3px}.splitter.y:after{top:-3px;right:0;bottom:-3px;left:0}.splitter:hover:after,.splitter:active:after{background:var(--accent)}.bins-panel{grid-area:bins;background:var(--bg);display:flex;flex-direction:column;min-height:0}.player-area{grid-area:player;background:var(--bg);display:flex;flex-direction:column;min-height:0}.timeline-area{grid-area:timeline;background:var(--bg);display:flex;flex-direction:column;min-height:0}.bins-tabs{display:flex;border-bottom:1px solid var(--line)}.bins-tab{flex:1;padding:11px 0;text-align:center;font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:2px solid transparent}.bins-tab.on{color:var(--text);border-bottom-color:var(--accent)}.bins-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.bins-drop{display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.bins-drop.over:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px dashed var(--accent);border-radius:10px;pointer-events:none;z-index:30}.bins-dropzone{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:31;pointer-events:none;background:#09090be0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.bin-shot{display:flex;gap:10px;align-items:center;padding:6px;border-radius:8px;border:1px solid transparent;cursor:pointer;text-align:left;width:100%}.bin-shot:hover{background:var(--panel)}.bin-shot.on{border-color:var(--accent-dim);background:var(--panel)}.bin-shot .thumb{width:74px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:var(--panel-3);flex-shrink:0;position:relative}.bin-shot .meta{min-width:0;display:flex;flex-direction:column}.bin-shot .meta .nm{font-family:var(--font-display);font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bin-rename{background:var(--panel-3);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;color:var(--text);width:100%;font-family:var(--font-display);font-weight:600;font-size:12.5px}.bin-rename:focus{outline:none}.bin-shot .meta .sub{font-family:var(--font-mono);font-size:10px;color:var(--dim);margin-top:2px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-cell{border-radius:6px;overflow:hidden;background:var(--panel-3);aspect-ratio:16/10;position:relative;cursor:grab;border:1px solid transparent}.media-cell:hover{border-color:var(--dim)}.media-cell img,.media-cell video{width:100%;height:100%;object-fit:cover;display:block}.media-cell .tag{position:absolute;left:5px;bottom:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;background:#000000a6;padding:2px 6px;border-radius:4px;color:#ddd;max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:18px;position:relative}.player-frame{position:relative;max-width:100%;max-height:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);width:100%;display:flex;align-items:center;justify-content:center}.player-frame video,.player-frame img{width:100%;height:100%;object-fit:contain}.player-empty{color:var(--dim);font-family:var(--font-display);letter-spacing:.14em;font-size:11px;text-transform:uppercase}.player-hud.rendered{left:auto;right:10px;color:var(--accent)}.player-hud{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:10px;color:#bbb;background:#0000008c;padding:3px 8px;border-radius:4px;pointer-events:none}.player-controls{display:flex;align-items:center;gap:10px;padding:0 18px 14px;flex-shrink:0}.transport{display:flex;align-items:center;gap:4px}.tc{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:100px}.scrub{flex:1;height:24px;display:flex;align-items:center;cursor:pointer}.scrub .track{position:relative;height:4px;width:100%;background:var(--line-2);border-radius:2px}.scrub .fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:2px}.timeline-head{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line)}.timeline-title{font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.timeline-strip{flex:1;display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px 14px}.shot-card{position:relative;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;display:flex;flex-direction:column;transition:border-color .12s}.shot-card:hover{border-color:var(--dim)}.shot-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shot-card.playing:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent)}.shot-card .img{flex:1;min-height:0;background:var(--panel-3);position:relative}.shot-card .img img,.shot-card .img video{width:100%;height:100%;object-fit:cover;display:block}.shot-card .strip-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;background:var(--panel)}.shot-card .strip-meta .nm{font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-card .strip-meta .dur{font-family:var(--font-mono);font-size:9.5px;color:var(--dim)}.shot-card.dragging{opacity:.35}.shot-card.drop-on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.timeline-strip.drop-hint{background:#d9f24f0a;box-shadow:inset 0 0 0 1px var(--accent-dim);border-radius:8px}.trim-handle{position:absolute;top:0;bottom:0;width:10px;z-index:3;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.trim-handle:after{content:"";width:4px;height:26px;border-radius:2px;background:var(--accent);opacity:.85}.trim-handle.left{left:0}.trim-handle.right{right:0}.trim-handle:hover:after{height:40px;opacity:1}.gen-badge{position:absolute;top:6px;right:6px;width:14px;height:14px}.add-shot{flex-shrink:0;width:90px;border-radius:8px;border:1px dashed var(--line-2);color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.add-shot:hover{border-color:var(--accent-dim);color:var(--accent)}.add-shot .plus{font-size:20px;line-height:1}.fl-toolbar{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line);flex-shrink:0;background:var(--panel)}.fl-tools{display:flex;background:var(--panel-2);border-radius:6px;padding:2px;gap:2px}.fl-tool{font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.12em;padding:5px 10px;border-radius:4px;color:var(--dim)}.fl-tool.on{background:var(--panel-3);color:var(--accent)}.fl-body{flex:1;display:flex;min-height:0;background:#0c0c0f}.fl-headers{flex-shrink:0;width:64px;border-right:1px solid var(--line-2);background:var(--panel);display:flex;flex-direction:column}.fl-trackhead{display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid var(--line);position:relative}.fl-trackname{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.fl-trackdel{position:absolute;right:4px;top:4px;width:16px;height:16px;font-size:9px;color:var(--dim);border-radius:3px;display:none;align-items:center;justify-content:center}.fl-trackhead:hover .fl-trackdel{display:flex}.fl-trackdel:hover{color:var(--danger);background:var(--panel-3)}.fl-scroll{flex:1;overflow-x:auto;overflow-y:hidden}.fl-lanes{position:relative}.fl-lanes.razor{cursor:crosshair}.fl-ruler{position:absolute;top:0;left:0;border-bottom:1px solid var(--line-2);cursor:ew-resize;background:var(--panel);z-index:5;overflow:hidden}.fl-tick{position:absolute;bottom:2px;font-family:var(--font-mono);font-size:8.5px;color:var(--dim);padding-left:4px;white-space:nowrap;pointer-events:none}.fl-tick i{position:absolute;left:0;bottom:-2px;width:1px;height:8px;background:var(--line-2)}.fl-lane{position:absolute;left:0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,255,255,.008) 5px 10px)}.fl-clip{position:absolute;border-radius:3px;overflow:hidden;background-color:#2a2f3a;background-size:cover;background-position:left center;border:1px solid #3a4150;cursor:grab;display:flex;flex-direction:column;justify-content:space-between;padding:3px 6px;-webkit-user-select:none;user-select:none;z-index:2}.fl-clip:hover{border-color:var(--dim)}.fl-clip.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);z-index:4}.fl-clip.dragging{opacity:.75;z-index:10;cursor:grabbing;pointer-events:none}.fl-clip.offline{background-color:#1c1c22;border-style:dashed}.fl-clipname{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.fl-rename{width:calc(100% - 4px);background:var(--panel);border:1px solid var(--accent);border-radius:3px;padding:1px 4px;color:var(--text);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.04em}.fl-rename:focus{outline:none}.fl-clipdur{font-family:var(--font-mono);font-size:8.5px;color:#ffffffa6;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.fl-trim{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:6;display:flex;align-items:center}.fl-trim:after{content:"";width:3px;height:60%;border-radius:2px;background:var(--accent);margin:0 auto}.fl-trim.left{left:0}.fl-trim.right{right:0}.fl-playhead{position:absolute;top:0;bottom:0;width:1px;background:#ff4536;z-index:8;pointer-events:none}.fl-playhead-cap{position:absolute;top:0;left:0;transform:translate(-50%);background:#ff4536;color:#fff;font-family:var(--font-mono);font-size:9px;padding:1px 5px;border-radius:0 0 4px 4px;white-space:nowrap}.ctx-menu{position:fixed;z-index:300;min-width:190px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 12px 40px #0009;padding:5px;display:flex;flex-direction:column;gap:1px}.ctx-title{font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:5px 9px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 9px;border-radius:5px;font-size:12.5px;text-align:left;color:var(--text)}.ctx-item:hover:not(:disabled){background:var(--panel-3)}.ctx-item:disabled{opacity:.35;cursor:not-allowed}.ctx-item em{font-style:normal;font-family:var(--font-mono);font-size:10px;color:var(--dim)}.ctx-item.danger:hover:not(:disabled){background:#ff5b451f;color:var(--danger)}.ctx-sep{height:1px;background:var(--line);margin:4px 2px}.fl-drophint{position:absolute;width:2px;background:var(--accent);z-index:7;pointer-events:none;box-shadow:0 0 8px var(--accent)}.shot-view{display:grid;grid-template-columns:var(--geninfo-w, 340px) 5px 1fr;background:var(--line);height:100%;min-height:0}.geninfo{background:var(--bg);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.library-area{background:var(--bg);display:flex;flex-direction:column;min-height:0}.mode-tabs{display:flex;background:var(--panel-2);border-radius:8px;padding:3px}.mode-tab{flex:1;padding:8px 0;border-radius:6px;text-align:center;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.mode-tab.on{background:var(--panel-3);color:var(--text)}.frame-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frame-slot{aspect-ratio:16/9;border-radius:8px;border:1px dashed var(--line-2);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dim);background:var(--panel)}.frame-slot:hover{border-color:var(--accent-dim);color:var(--muted)}.frame-slot img{width:100%;height:100%;object-fit:cover}.frame-slot.unused{border-color:var(--danger)}.frame-slot.unused img{opacity:.4;filter:grayscale(1)}.frame-slot .slot-label{position:absolute;top:5px;left:6px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;background:#0009;color:#ccc;padding:2px 6px;border-radius:4px}.frame-slot .slot-x{position:absolute;top:3px;right:3px;width:20px;height:20px;background:#000000a6;border-radius:5px;color:#ccc;display:none;align-items:center;justify-content:center;font-size:11px}.frame-slot:hover .slot-x{display:flex}.ref-row{display:flex;gap:8px;flex-wrap:wrap}.ref-thumb{width:64px;aspect-ratio:1;border-radius:6px;overflow:hidden;position:relative;background:var(--panel-3)}.ref-thumb img{width:100%;height:100%;object-fit:cover}.ref-thumb .slot-x{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#000000a6;border-radius:4px;display:none;align-items:center;justify-content:center;font-size:10px}.ref-thumb:hover .slot-x{display:flex}.ref-add{width:64px;aspect-ratio:1;border-radius:6px;border:1px dashed var(--line-2);color:var(--dim);font-size:18px;display:flex;align-items:center;justify-content:center}.ref-add:hover{border-color:var(--accent-dim);color:var(--accent)}.generate-bar{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(transparent,var(--bg) 30%)}.generate-bar .btn{width:100%;padding:13px;font-size:12.5px}.lib-preview{flex-shrink:0;padding:14px 16px 0;display:flex;flex-direction:column;gap:10px}.lib-preview .player-frame{aspect-ratio:16/9;max-height:42vh}.preview-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lib-head{display:flex;align-items:baseline;gap:10px;padding:16px 16px 8px}.lib-count{font-family:var(--font-mono);font-size:10px;color:var(--dim)}.lib-grid{flex:1;overflow-y:auto;padding:4px 16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-content:start}.lib-item{border-radius:8px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;position:relative;transition:border-color .12s}.lib-item:hover{border-color:var(--dim)}.lib-item.selected{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 4px #d9f24f29,0 6px 22px #00000080}.lib-item.selected .info{background:var(--accent)}.lib-item.selected .info .model,.lib-item.selected .info .when{color:#0a0a0a}.lib-item.selected .info .model{font-weight:600}.lib-item .media{aspect-ratio:16/9;background:var(--panel-3);position:relative;overflow:hidden}.lib-item .media img,.lib-item .media video{width:100%;height:100%;object-fit:cover;display:block}.lib-item .info{padding:7px 9px;display:flex;justify-content:space-between;align-items:center;gap:8px}.lib-item .info .model{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-item .info .when{font-family:var(--font-mono);font-size:9px;color:var(--dim);flex-shrink:0}.lib-item .sel-badge{position:absolute;top:6px;left:6px;font-family:var(--font-display);font-size:8.5px;font-weight:700;letter-spacing:.1em;background:var(--accent);color:#000;padding:2px 7px;border-radius:4px}.lib-item .warn-badge{position:absolute;top:6px;left:6px;font-family:var(--font-mono);font-size:8.5px;background:var(--danger);color:#fff;padding:2px 6px;border-radius:4px}.lib-item.selected .warn-badge{top:24px}.lib-item .restore-badge{position:absolute;bottom:6px;right:6px;display:none;font-family:var(--font-mono);font-size:9px;background:#000000bf;color:#ddd;padding:3px 7px;border-radius:4px}.lib-item:hover .restore-badge{display:block}.lib-item .restore-badge:hover{background:var(--accent);color:#000}.lib-item .kind-badge{position:absolute;top:6px;right:6px;font-family:var(--font-mono);font-size:8.5px;background:#000000a6;color:#ccc;padding:2px 6px;border-radius:4px}.lib-item.failed .media{display:flex;align-items:center;justify-content:center;color:var(--danger);font-family:var(--font-mono);font-size:10px;padding:12px;text-align:center}.lib-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-family:var(--font-mono);font-size:10px;width:100%;height:100%}.elapsed{font-family:var(--font-mono);font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.node-editor{flex:1;display:flex;flex-direction:column;min-height:0}.node-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.node-canvas{flex:1;position:relative;overflow:hidden;min-height:0;background:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px) 0 0 / 26px 26px,#0c0c0f;cursor:grab}.node-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.node-edge{fill:none;stroke:#5b6472;stroke-width:2}.node-edge.pending{stroke:var(--accent);stroke-dasharray:5 4}.gnode{position:absolute;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 6px 20px #00000073;z-index:2}.gnode-head{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;border-radius:7px 7px 0 0;cursor:grab;-webkit-user-select:none;user-select:none;font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#fff}.gnode-x{color:#fff9;font-size:9px}.gnode-x:hover{color:#fff}.gnode-body{padding:6px 9px 9px;display:flex;flex-direction:column;gap:6px}.gnode-select{padding:5px 24px 5px 8px;font-size:11px;border-radius:6px}.gnode-text{min-height:56px;font-size:11.5px;padding:6px 8px}.gnode-thumb{width:100%;border-radius:5px;display:block;max-height:90px;object-fit:cover}.gnode-thumb.mask{background:#000}.gport{position:absolute;display:flex;align-items:center;gap:5px;z-index:3}.gport.in{left:-6px}.gport.out{right:-6px}.gport em{font-style:normal;font-family:var(--font-mono);font-size:8.5px;color:var(--dim);background:var(--panel-2);padding:0 4px;border-radius:3px}.gdot{width:11px;height:11px;border-radius:50%;border:2px solid var(--dim);background:var(--panel);cursor:crosshair;display:inline-block}.gdot.on{border-color:var(--accent);background:var(--accent)}.gdot:hover{transform:scale(1.25)}.nav-link{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding:6px 10px;border-radius:6px}.nav-link:hover{color:var(--text)}.nav-link.on{color:var(--accent)}.freeform{height:100%;overflow-y:auto;padding:18px clamp(14px,3vw,40px) 60px}.ff-composer{position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg) 82%,transparent);padding-bottom:16px;display:flex;flex-direction:column;gap:10px;max-width:1100px;margin:0 auto}.ff-row{display:flex;gap:10px;align-items:center}.ff-row.sub{flex-wrap:wrap}.ff-prompt{flex:1;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:12px 16px;color:var(--text);font-size:14.5px;resize:none;line-height:1.4;min-height:46px;max-height:120px}.ff-prompt:focus{outline:none;border-color:var(--accent-dim)}.ff-startframe{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line-2);border-radius:6px;padding:3px 8px 3px 3px}.ff-startframe img{width:34px;height:22px;object-fit:cover;border-radius:3px}.ff-startframe button{color:var(--dim);font-size:10px}.ff-startframe button:hover{color:var(--danger)}.ff-feed{columns:4 300px;column-gap:12px;max-width:1700px;margin:0 auto}.ff-card{break-inside:avoid;margin-bottom:12px;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.ff-card:hover{border-color:var(--line-2)}.ff-media{position:absolute;top:0;right:0;bottom:0;left:0;cursor:zoom-in}.ff-media img,.ff-media video{width:100%;height:100%;object-fit:cover;display:block}.ff-card .lib-pending{position:absolute;top:0;right:0;bottom:0;left:0}.ff-failed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--danger);font-family:var(--font-mono);font-size:10px;padding:14px;text-align:center}.ff-meta{position:absolute;left:0;right:0;bottom:0;padding:20px 10px 8px;background:linear-gradient(transparent,#050507e0);display:flex;flex-direction:column;gap:1px;pointer-events:none}.ff-prompt-label{font-size:11.5px;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.9)}.ff-sub{font-family:var(--font-mono);font-size:9px;color:#ffffff8c}.ff-actions{position:absolute;top:6px;right:6px;display:none;gap:4px;z-index:3}.ff-card:hover .ff-actions{display:flex}.ff-actions button,.ff-actions a{font-family:var(--font-mono);font-size:10px;color:#ddd;text-decoration:none;background:#000000b8;border-radius:5px;padding:4px 8px}.ff-actions button:hover,.ff-actions a:hover{background:var(--accent);color:#000}.home{height:100%;overflow-y:auto;padding:40px clamp(20px,6vw,80px)}.home-hero{margin-bottom:36px}.home-hero h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1.05}.home-hero .sub{color:var(--muted);margin-top:10px;max-width:520px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.proj-card{border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;transition:border-color .12s,transform .12s}.proj-card{position:relative}.proj-card:hover{border-color:var(--dim);transform:translateY(-2px)}.proj-actions{position:absolute;top:8px;right:8px;display:none;gap:4px}.proj-card:hover .proj-actions{display:flex}.proj-actions button{width:28px;height:28px;border-radius:6px;font-size:12px;background:#000000b8;color:#ddd;display:flex;align-items:center;justify-content:center}.proj-actions button:hover{background:var(--accent);color:#000}.proj-actions button.del:hover{background:var(--danger);color:#fff}.proj-card .poster{aspect-ratio:16/9;background:var(--panel-3);display:flex;align-items:center;justify-content:center;color:var(--dim);overflow:hidden}.proj-card .poster img{width:100%;height:100%;object-fit:cover}.proj-card .body{padding:12px 14px}.proj-card .body .nm{font-family:var(--font-display);font-weight:600}.proj-card .body .sub{font-family:var(--font-mono);font-size:10px;color:var(--dim);margin-top:4px}.proj-new{border:1px dashed var(--line-2);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:var(--dim);min-height:180px;font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.proj-new:hover{border-color:var(--accent-dim);color:var(--accent)}.proj-new .plus{font-size:26px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;width:100%;max-width:720px;max-height:84vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.modal h2{font-size:16px;letter-spacing:.04em}.modal .picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.media-info-grid{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:8px;overflow:hidden}.media-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);padding:7px 11px}.media-info-row .mono{color:var(--text);font-size:11px;text-align:right;word-break:break-all}.shot-float-backdrop{position:fixed;top:52px;right:0;bottom:0;left:0;z-index:40;background:#05050780;backdrop-filter:blur(13px) saturate(.75);-webkit-backdrop-filter:blur(13px) saturate(.75);cursor:pointer}.shot-float{position:fixed;top:76px;left:42px;right:42px;bottom:30px;z-index:41;background:var(--bg);border:1px solid var(--line-2);border-radius:14px;overflow:hidden;box-shadow:0 32px 90px #000000a6;animation:floatIn .16s ease-out}@keyframes floatIn{0%{transform:translateY(10px) scale(.99);opacity:.6}to{transform:none;opacity:1}}.fl-marquee{position:absolute;z-index:9;pointer-events:none;border:1px solid var(--accent);background:#d9f24f14}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-3);border:1px solid var(--line-2);border-radius:8px;padding:10px 18px;z-index:200;font-size:13px;box-shadow:0 8px 30px #00000080}.empty-note{color:var(--dim);font-family:var(--font-mono);font-size:11px;padding:16px;text-align:center}.kbd{font-family:var(--font-mono);font-size:10px;border:1px solid var(--line-2);border-radius:4px;padding:1px 5px;color:var(--muted)}.fl-snapline{position:absolute;top:0;bottom:0;width:2px;z-index:9;background:var(--accent);box-shadow:0 0 10px var(--accent);pointer-events:none}