:root{--bg:#080d11;--panel:#10171c;--panel2:#151f25;--line:#263740;--text:#dbe8ec;--muted:#748b95;--cyan:#50e5df;--amber:#ffc857;--red:#ff6b62}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:12px;letter-spacing:.04em}button,select,input{font:inherit;color:inherit}button,select{background:#111b20;border:1px solid var(--line);padding:8px 11px;cursor:pointer;letter-spacing:.08em}button:hover,button.active{border-color:var(--cyan);color:var(--cyan)}button.primary{background:var(--cyan);color:#071012;border-color:var(--cyan);font-weight:800}.topbar{height:66px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#0b1115}.brand{display:flex;align-items:center;gap:11px;min-width:360px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:27px;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand b{display:block;font-size:18px;letter-spacing:.22em}.brand small{display:block;color:var(--muted);font-size:8px;margin-top:3px;letter-spacing:.23em}.mode-switch{display:flex}.mode-switch button{min-width:105px}.mode-switch button.active{background:#173033}.top-actions{margin-left:auto;display:flex;gap:6px}main{height:calc(100vh - 66px);display:grid;grid-template-columns:270px minmax(480px,1fr) 292px}.panel{background:var(--panel);overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}section{padding:15px;border-bottom:1px solid var(--line)}h2,h3{font-size:10px;margin:0 0 12px;letter-spacing:.17em}h2 span{color:var(--cyan);margin-right:8px}h3{color:#a9bdc4}h3 em{float:right;font-style:normal;color:#526872;font-size:7px}.import{width:100%;padding:14px;border-style:dashed}.import strong,.import small{display:block}.import small{color:var(--muted);margin-top:5px;font-size:8px}.source-card{display:flex;gap:9px;align-items:center;background:#0a1115;margin-top:9px;padding:10px}.source-card>span{font-size:7px;border:1px solid var(--amber);color:var(--amber);padding:4px}.source-card b,.source-card small{display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card small{color:var(--muted);margin-top:3px}.control{margin:9px 0}.control-header{display:flex;justify-content:space-between;margin-bottom:5px}.control-header label{color:#9db0b7;font-size:9px}.control-header output{color:var(--cyan);font-variant-numeric:tabular-nums}.control-body{display:grid;grid-template-columns:1fr 62px;gap:7px}.control input[type=range]{width:100%;accent-color:var(--cyan)}.control input[type=number]{width:62px;background:#0a1115;border:1px solid var(--line);padding:4px;text-align:right}.button-row,.transport{display:flex;gap:6px}.button-row>*{flex:1;min-width:0}.transport input{min-width:0;flex:1}.hint{margin:15px;padding:12px;border-left:2px solid var(--amber);background:#0a1115}.hint b,.hint span{display:block}.hint b{color:var(--amber);margin-bottom:7px}.hint span{color:var(--muted);line-height:1.7;font-size:9px}.stage-column{min-width:0;display:flex;flex-direction:column}.view-tabs{height:43px;display:flex;align-items:center;padding:0 10px;background:#0d1418;border-bottom:1px solid var(--line)}.view-tabs button{border:0;background:transparent;height:43px}.view-tabs button.active{border-bottom:2px solid var(--cyan)}.view-tabs span{flex:1}.view-tabs label{color:var(--muted);font-size:9px}.workspace{flex:1;display:grid;min-height:0;gap:1px;background:var(--line)}.workspace.split{grid-template-columns:1fr 1fr}.workspace.source,.workspace.output{grid-template-columns:1fr}.workspace.source #outputPane,.workspace.output #sourcePane{display:none}figure{margin:0;position:relative;min-width:0;min-height:0;background:#05090c;overflow:hidden}figcaption{position:absolute;z-index:2;top:0;left:0;right:0;height:34px;padding:10px 12px;background:linear-gradient(#081016df,transparent);display:flex;justify-content:space-between;pointer-events:none;font-size:8px}figcaption span{color:var(--cyan)}canvas{width:100%;height:100%;display:block;touch-action:none}.corner-label{position:absolute;bottom:10px;right:12px;color:#50646d;font-size:7px;pointer-events:none}.stage-column footer{height:40px;background:#0d1418;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);font-size:9px}.stage-column footer #status{flex:1}.stage-column footer button{padding:5px 8px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.space-badge{font-size:7px;color:var(--amber);border-left:2px solid var(--amber);padding-left:7px;margin:-5px 0 12px}.space-badge.output{color:#a68cff;border-color:#a68cff}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.preset-grid button{font-size:9px}.preset-grid small{color:var(--muted);font-size:7px}.export-size{display:flex;align-items:center;gap:6px}.export-size input{width:100%;background:#0a1115;border:1px solid var(--line);padding:7px}.panel section>small{display:block;color:var(--muted);margin-top:7px;font-size:8px}#toast{position:fixed;left:50%;bottom:54px;transform:translate(-50%,20px);background:#17252b;border:1px solid var(--cyan);padding:10px 16px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1250px){main{grid-template-columns:235px minmax(400px,1fr) 250px}.brand{min-width:290px}.panel section{padding:12px}}.mutation-deck{margin-left:auto;display:flex;align-items:center;height:38px;border:1px solid #5c4a24;background:#17150e}.mutation-deck>*{height:36px;border:0;border-right:1px solid #493d22}.mutate-button{min-width:112px;background:linear-gradient(110deg,#ffc857,#ff9268);color:#171006;font-weight:900;letter-spacing:.14em}.mutate-button:hover{color:#171006;filter:brightness(1.12)}.mutate-button.flash{animation:mutateFlash .36s ease-out}.mutation-deck select{background:#181b19;padding:0 7px}.seed-lock{display:flex;align-items:center;padding:0 7px;color:var(--muted);font-size:8px}.seed-lock input{accent-color:var(--amber)}#mutationSeed{width:66px;background:#090e11;border:0;padding:0 6px;color:var(--amber);font-variant-numeric:tabular-nums}.top-actions{margin-left:8px}@keyframes mutateFlash{0%{box-shadow:0 0 #ffc857;transform:scale(1)}45%{box-shadow:0 0 24px 5px #ffc85788;transform:scale(.96)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}@media(max-width:1420px){.brand{min-width:285px}.mutation-deck #mutationSeed,.seed-lock{display:none}}.video-export{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.video-export h3{color:var(--amber)}.video-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.video-settings label span{display:block;color:var(--muted);font-size:7px;margin-bottom:4px}.video-settings input,.video-settings select{width:100%;height:31px;background:#0a1115;border:1px solid var(--line);padding:5px}.video-button{width:100%;margin-top:8px;background:#211c10;border-color:#7c622c;color:var(--amber);font-weight:800}.video-button.recording{background:#431b19;border-color:var(--red);color:#ffaaa4}.video-progress{height:3px;background:#080c0e;margin-top:7px;overflow:hidden}.video-progress i{display:block;width:0;height:100%;background:var(--amber);transition:width .1s linear}.center-recording{width:100%;margin-top:8px;border-color:#355d67;color:var(--cyan)}.auto-center-recording{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:8px}.auto-center-recording input{accent-color:var(--cyan)}.source-card.error{border:1px solid var(--red)}.source-card.error small{color:#ff8f88;white-space:normal}#toast.bad{border-color:var(--red);color:#ffb2ad;max-width:min(760px,80vw)}.video-play{flex:2!important;color:var(--cyan);font-weight:800}.video-play.active{background:#173033}.video-scrub{width:100%;margin:11px 0 7px;accent-color:var(--cyan)}.video-status{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.video-status>span{color:var(--cyan);font-size:8px}.video-status small{font-variant-numeric:tabular-nums}.movement-slot{margin:12px 0;padding:10px;border:1px solid var(--line)}.movement-slot label{display:block;font-size:9px;color:var(--muted);margin:8px 0}.movement-slot select{width:100%;font-size:10px;letter-spacing:0}.movement-slot input{display:block;width:100%;accent-color:var(--cyan)}.movement-slot output{float:right;color:var(--cyan)}.movement-slot button{width:100%}#loopPreviewDialog{background:#10171c;color:var(--text);border:1px solid var(--cyan);width:min(900px,90vw);max-height:92vh;padding:18px}#loopPreviewDialog::backdrop{background:#000b}#loopPreviewVideo{display:block;width:100%;max-height:68vh;object-fit:contain;background:#05090c}#loopPreviewInfo{font-size:12px;line-height:1.5}#loopPreset{width:100%}#outputLoopSection>label{font-size:9px;color:var(--muted)}