@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{color:#e8e2d9;background:#0a0a0a;font-family:Space Mono,monospace}button,input{font:inherit}.app{color:#e8e2d9;background:#0a0a0a;width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid #e8e2d933;flex-direction:column;gap:8px;width:30vw;height:100vh;padding:12px 12px 0 20px;display:flex;overflow:hidden}.left-panel{flex-direction:column;width:30vw;height:100vh;display:flex;overflow:hidden}.sidebar-content{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.panel{background:0 0;border:1px solid #e8e2d933;border-radius:0;flex-direction:column;gap:8px;padding:8px;display:flex}.video-source-section .panel.video-panel,.controls-section .panel.controls-panel{gap:6px;padding:8px 16px}.controls-section .slider{max-height:none;margin-bottom:6px}.controls-section .slider-state{margin-top:1px;font-size:8px}.controls-section .control-inline-group{margin-bottom:6px}.video-panel{flex-shrink:0}.controls-panel{flex-shrink:0;min-height:0}.panel h3{margin:0;font-size:.78rem}.mono{letter-spacing:.15em;text-transform:uppercase;font-family:Space Mono,monospace}.section-header{color:#4a4a4a}.sidebar .section-header{margin:4px 0;font-size:9px}.file-zone{cursor:pointer;color:#e8e2d9;border:1px dashed #e8e2d933;place-items:center;min-height:40px;font-size:.75rem;display:grid}.file-input-hidden{display:none}.url-row{grid-template-columns:1fr auto;gap:8px;display:grid}.video-source-section .url-row{gap:6px}.url-actions{justify-content:flex-end;align-items:stretch;display:inline-flex}.proxy-toggle{border:1px solid #e8e2d933;border-radius:0;width:auto;min-width:76px;padding:2px 8px;font-size:10px}.proxy-toggle.on{color:#e8e2d9;background:#e8e2d926;border:1px solid #e8e2d980}.proxy-toggle.off{color:#4a4a4a;background:0 0}.url-hint{color:#4a4a4a;letter-spacing:.1em;margin:0;font-size:10px}.video-loaded{color:#e8e2d999;align-items:center;height:40px;font-size:10px;display:flex}input[type=url],input[type=file],button{width:100%}.slider{flex-direction:column;gap:3px;max-height:52px;margin-bottom:4px;display:flex}.slider-head{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.slider-state{text-align:left;letter-spacing:.12em;color:#e8e2d980;white-space:nowrap;text-overflow:ellipsis;font-family:Space Mono,monospace;font-size:8px;overflow:hidden}.slider-state.high{color:#e8e2d9}.advanced-toggle{color:#4a4a4a;letter-spacing:.15em;background:0 0;border:0;align-self:flex-start;width:auto;padding:0;font-size:9px}.advanced-group{max-height:0;transition:none;overflow:hidden}.advanced-group.expanded{max-height:220px;overflow:hidden auto}.advanced-group.expanded::-webkit-scrollbar{width:4px}.advanced-group.expanded::-webkit-scrollbar-thumb{background:#e8e2d940}.control-inline-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.channel-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.channel-btn{color:#e8e2d9;background:0 0;border:1px solid #e8e2d933;padding:4px 2px;font-size:9px}.channel-btn.selected{background:#e8e2d933}input,button{color:#e8e2d9;background:0 0;border:1px solid #e8e2d933;border-radius:0;padding:8px}button{cursor:pointer}.slider input[type=range]{appearance:none;background:#e8e2d980;outline:none;width:100%;height:1px;padding:0}.slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e8e2d9;border:1px solid #e8e2d9;border-radius:0;width:8px;height:8px}.slider input[type=range]::-moz-range-track{background:#e8e2d980;width:100%;height:1px}.slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#e8e2d9;border:1px solid #e8e2d9;border-radius:0;width:8px;height:8px}.stage{width:70vw;height:100vh;margin:0;padding:0;overflow:hidden}.canvas-wrap{border:0;border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}.canvas-root{width:100%;height:100%;display:block}.status{color:#4a4a4a;letter-spacing:.15em;text-transform:uppercase;background:#0a0a0ad9;border:1px solid #e8e2d933;border-radius:0;padding:4px 8px;font-family:Space Mono,monospace;font-size:.72rem;position:absolute;bottom:8px;left:8px}.error{color:#e8e2d9}.system-reading{border-top:1px solid #e8e2d91a;flex-direction:column;flex:1;min-height:60px;padding-top:6px;display:flex;overflow:hidden}.system-reading-section{flex-shrink:0;max-height:120px;margin-top:0;padding:0;overflow:hidden}.system-reading-section .system-reading{border-top:1px solid #e8e2d91a;flex:0 auto;min-height:0;margin-top:0;padding:4px 16px}.system-reading-section .prompt-history-title{margin-top:6px}.system-reading-section .suggestion-list{flex:0 auto;min-height:0}.system-reading-section .suggestion-time{display:none}.system-reading-section .suggestion-item .suggestion-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.system-reading-section .analyzing{margin-bottom:4px}.analyzing{color:#4a4a4a;margin-bottom:8px;font-size:10px}.suggestion-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:hidden}.suggestion-item .suggestion-text{white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.suggestion-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.copy-suggestion-btn{color:#e8e2d966;opacity:0;pointer-events:none;background:0 0;border:0;width:auto;padding:0;font-family:Space Mono,monospace;font-size:9px}.suggestion-item:hover .copy-suggestion-btn{opacity:1;pointer-events:auto}.suggestion-item.newest .suggestion-text{color:#e8e2d9}.suggestion-item.mid .suggestion-text{color:#e8e2d980}.suggestion-item.old .suggestion-text{color:#e8e2d94d}.suggestion-time{color:#4a4a4a;margin-top:2px;font-size:9px}.prompt-history-title{margin-top:4px}.generation-health{border-top:1px solid #e8e2d91a;flex-shrink:0;margin-top:0;padding:6px 16px}.generation-health>.section-header{margin-bottom:4px}.generation-health-metric{margin-bottom:2px}.generation-health-metric:last-child{margin-bottom:0}.generation-health-metric-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;height:16px;display:flex}.generation-health-label{letter-spacing:.15em;text-transform:uppercase;color:#4a4a4a;flex:0 0 88px;font-size:9px}.generation-health-bar-track{background:#e8e2d91a;flex:1;min-width:0;height:2px}.generation-health-bar-fill{max-width:100%;height:100%}.generation-health-value{text-align:right;letter-spacing:.12em;flex:0 0 36px;font-size:9px}.generation-health-warning{letter-spacing:.08em;color:#4a4a4a;margin:2px 0 0;padding-left:88px;font-size:7px;line-height:1.2}.generation-health-latent-header{margin-top:8px;margin-bottom:2px}.generation-health-latent-readout{color:#e8e2d999;letter-spacing:.06em;word-break:break-all;margin:0;font-family:Space Mono,monospace;font-size:9px;line-height:1.3}.generation-health-latent-note{color:#4a4a4a;letter-spacing:.04em;margin:2px 0 0;font-size:8px}.next-generation{border-top:1px solid #e8e2d91a;flex-shrink:0;padding-top:6px}.next-generation-section .next-generation{padding:6px 16px}.next-generation-section .session-controls{margin-bottom:6px}.next-generation-section .session-controls-row{box-sizing:border-box;align-items:center;gap:6px;height:24px;min-height:24px;display:flex}.next-generation-section .session-controls-btn{letter-spacing:.06em;box-sizing:border-box;color:#e8e2d9;cursor:pointer;background:0 0;border:1px solid #e8e2d94d;border-radius:0;height:24px;min-height:24px;padding:0 8px;font-family:Space Mono,monospace;font-size:9px}.next-generation-section .session-controls-btn:disabled{opacity:.35;cursor:not-allowed}.next-generation-section .session-controls-row-recording .session-controls-btn-stop{color:#f44;border-color:#ff444480}.next-generation-section .session-controls-blink{background:#f44;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:4px;animation:1s infinite session-rec-blink;display:inline-block}@keyframes session-rec-blink{0%,to{opacity:1}50%{opacity:.2}}.next-generation-section .session-controls-progress-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.next-generation-section .session-controls-progress-track{background:#e8e2d91a;flex:1;min-width:0;height:2px}.next-generation-section .session-controls-progress-fill{background:#e8e2d980;max-width:100%;height:100%}.next-generation-section .session-controls-progress-label{letter-spacing:.06em;color:#4a4a4a;text-align:right;flex-shrink:0;min-width:2.5em;font-size:9px}.next-generation-section .session-controls-speed{height:22px;min-height:22px;margin-top:2px}.next-generation-section .session-controls-speed-btn{height:20px;min-height:20px;padding:0 6px;font-size:9px}.next-generation-section .session-controls-speed-active{background:#e8e2d90f;border-color:#e8e2d98c}.next-prompt-input{width:100%;margin-bottom:6px;padding:6px;font-family:Space Mono,monospace}.next-prompt-input::placeholder{color:#4a4a4a}.next-actions{flex-direction:column;gap:8px;display:flex}.next-actions-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.next-btn{padding:6px 4px;font-size:9px}.next-generation-section .next-btn{box-sizing:border-box;height:24px;min-height:24px;padding:0 8px;font-size:9px}.next-btn-fal{width:100%}.next-generation-section .next-btn-fal{height:24px;min-height:24px}.next-generation-section .next-prompt-input{box-sizing:border-box;height:28px;margin-bottom:6px;padding:4px 8px}.next-generation-section .next-actions{gap:6px}.reference-preview-wrap{width:100%}.reference-preview-label{letter-spacing:.12em;color:#4a4a4a;margin:0 0 4px;font-size:9px}.reference-preview-image{object-fit:cover;border:1px solid #e8e2d933;width:100%;height:80px}.fal-reference-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.next-generation-section .fal-reference-row{box-sizing:border-box;height:20px;min-height:20px}.next-generation-section .fal-reference-row .proxy-toggle{box-sizing:border-box;height:20px;min-height:20px;padding:0 8px;font-size:9px}.fal-mapping-readout{letter-spacing:.12em;color:#4a4a4a;margin:6px 0 0;font-size:9px}.fal-base-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.fal-base-label{letter-spacing:.12em;color:#4a4a4a;font-size:9px}.stage.stage-flash{box-shadow:inset 0 0 0 1px #e8e2d999}.sidebar-footer{color:#e8e2d9;white-space:nowrap;border-top:1px solid #e8e2d933;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:24px;padding:0 16px;font-size:.5rem;display:flex;overflow:hidden}.video-source-section,.controls-section,.generation-health-section,.next-generation-section{flex-shrink:0}.next-generation-section .next-gen-presets{border-top:1px solid #e8e2d914;margin-top:4px;padding-top:4px}.next-generation-section .next-gen-presets-save{letter-spacing:.06em;color:#4a4a4a;align-items:center;gap:4px;height:16px;margin-bottom:2px;font-size:8px;display:flex}.next-generation-section .next-gen-presets-save-label{color:#e8e2d999;flex-shrink:0}.next-generation-section .next-gen-presets-input{box-sizing:border-box;color:#e8e2d9;background:#00000040;border:1px solid #e8e2d91f;flex:1;min-width:0;height:16px;padding:0 4px;font-family:Space Mono,monospace;font-size:8px}.next-generation-section .next-gen-presets-save-btn{letter-spacing:.06em;color:#e8e2d9;cursor:pointer;background:#e8e2d914;border:1px solid #e8e2d933;flex-shrink:0;height:16px;padding:0 6px;font-family:Space Mono,monospace;font-size:8px}.next-generation-section .next-gen-presets-save-btn:hover{background:#e8e2d91a}.next-generation-section .next-gen-presets-list{max-height:80px;overflow-y:auto}.next-generation-section .next-gen-presets-row{letter-spacing:.03em;color:#e8e2d9d9;align-items:center;gap:4px;height:16px;font-size:8px;display:flex}.next-generation-section .next-gen-presets-name{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;flex:0 72px;min-width:0;overflow:hidden}.next-generation-section .next-gen-presets-health{color:#4a4a4a;white-space:nowrap;flex:1;min-width:0}.next-generation-section .next-gen-presets-load,.next-generation-section .next-gen-presets-delete{letter-spacing:.04em;color:#e8e2d9;cursor:pointer;background:0 0;border:1px solid #e8e2d926;flex-shrink:0;height:14px;padding:0 4px;font-family:Space Mono,monospace;font-size:8px;line-height:1}.next-generation-section .next-gen-presets-load:hover,.next-generation-section .next-gen-presets-delete:hover{border-color:#e8e2d959}.next-generation-section .next-gen-presets-delete{min-width:16px;padding:0 2px}.status-bar{flex-shrink:0;height:24px}