:root{--bg:#0a0d12;--panel:#11151c;--panel-2:#161b24;--panel-3:#1c2330;--border:#242c39;--border-soft:#1d2430;--text:#dde4ee;--text-dim:#8e99ab;--text-faint:#5d6675;--accent:#5da9ff;--accent-soft:#5da9ff29;--danger:#ff6b7a;--ok:#7ee08a;--radius:8px;--radius-sm:6px;--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45;overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid var(--panel);background:#2a3342;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100%;display:flex}.app-main{flex:1;min-height:0;display:flex}.panel{background:var(--panel);flex:none;width:280px;padding:14px 14px 40px;overflow-y:auto}.panel-left{border-right:1px solid var(--border-soft)}.panel-right{border-left:1px solid var(--border-soft);width:316px}.panel-hint{color:var(--text-dim);margin:2px 0 12px;font-size:12px}.panel-hint.dim{color:var(--text-faint);font-style:italic}.topbar{background:var(--panel);border-bottom:1px solid var(--border-soft);flex:none;align-items:center;gap:16px;height:54px;padding:0 14px;display:flex}.brand{align-items:center;gap:10px;min-width:205px;display:flex}.brand-mark{width:30px;height:30px;color:var(--accent);background:linear-gradient(135deg,#1c2740,#16305a);border:1px solid #2c4368;border-radius:8px;place-items:center;font-family:Georgia,serif;font-size:17px;font-style:italic;display:grid}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{letter-spacing:.04em;font-size:14px}.brand-text span{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;font-size:10.5px}.topbar-center{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.recipe-name{border-radius:var(--radius-sm);min-width:120px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;flex:0 260px;padding:5px 8px;font-weight:600;transition:border-color .15s,background .15s}.recipe-name:hover{border-color:var(--border)}.recipe-name:focus{border-color:var(--accent);background:var(--panel-2);outline:none}.notice{color:var(--ok);white-space:nowrap;font-size:12px;animation:.2s fade-in}.topbar-actions{align-items:center;gap:8px;display:flex}.compare-group{border:1px solid var(--border);background:var(--panel-2);border-radius:999px;align-items:center;gap:8px;margin-right:4px;padding:4px 10px 4px 6px;display:flex}.section{margin-bottom:18px}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-head h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:11px;font-weight:700}.row{justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:4px 0;display:flex}.row-label{color:var(--text-dim);flex:none;font-size:12px}.row-control{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.btn{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--panel-3);border-color:#334054}.icon-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.icon-btn.active{color:var(--danger);border-color:var(--danger)}.select,.numfield{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;max-width:100%;padding:5px 8px;font-size:12.5px}.select:focus,.numfield:focus,.scrub:focus-visible,input[type=range]:focus-visible{outline:1.5px solid var(--accent);outline-offset:1px}.select.compact{padding:4px 6px;font-size:12px}.select option{background:var(--panel-2)}.numfield{font-variant-numeric:tabular-nums;width:74px}.numfield::-webkit-outer-spin-button{opacity:1}.numfield::-webkit-inner-spin-button{opacity:1}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.seg-btn{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4.5px;padding:3.5px 10px;font-size:12px;transition:background .15s,color .15s}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:var(--panel-3);border:1px solid var(--border);border-radius:999px;width:30px;height:17px;transition:background .15s,border-color .15s;position:relative}.toggle-thumb{background:var(--text-dim);border-radius:50%;width:11px;height:11px;transition:transform .18s,background .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--accent-soft);border-color:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{background:var(--accent);transform:translate(13px)}.toggle input:focus-visible+.toggle-track{outline:1.5px solid var(--accent);outline-offset:1px}.toggle-label{font-size:12.5px}input[type=range]{appearance:none;background:var(--panel-3);cursor:pointer;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2.5px solid #0e1523;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #2c4368}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #0e1523;border-radius:50%;width:12px;height:12px}.slider-group{align-items:center;gap:8px;width:100%;display:flex}.slider-group input[type=range]{flex:1;min-width:70px}.slider-value{font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right;min-width:52px;font-size:12px}.range-group,.seed-group,.fraction-group,.acc-group{align-items:center;gap:5px;display:inline-flex}.range-sep,.fraction-slash{color:var(--text-faint)}.source-card,.channel-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:10px;padding:10px 11px 8px}.source-head{align-items:center;gap:9px;margin-bottom:6px;display:flex}.source-chip{color:#0b0e13;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:12px;font-weight:700;display:grid}.source-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.source-title .select{width:100%}.source-note{color:var(--text-faint);letter-spacing:.02em;font-size:10.5px}.digit-strip{border:1px solid var(--border-soft);border-radius:var(--radius-sm);font-family:var(--mono);letter-spacing:.08em;color:#9fc1e8;white-space:nowrap;background:#0d1117;margin-top:7px;padding:6px 8px;font-size:11px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.digit-prefix{color:var(--text-faint)}.source-foot{color:var(--text-faint);margin-top:6px;font-size:10.5px}.channel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.channel-head>.select{color:var(--accent);font-weight:600}.channel-tools{gap:1px;display:inline-flex}.channel-grid .row{min-height:28px;padding:2.5px 0}.stage{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.viewports{flex:1;grid-template-columns:1fr;min-height:0;display:grid;position:relative}.viewports.split{background:var(--border);grid-template-columns:1fr 1fr;gap:1px}.viewport{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.view-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.view-label{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d1117b8;border-radius:999px;padding:3px 9px;font-size:11px;position:absolute;top:10px;left:10px}.stage-toolbar{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#0d1117b8;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.stage-stats{z-index:3;pointer-events:none;gap:12px;display:flex;position:absolute;bottom:10px;left:10px}.stat{color:var(--text-dim);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#0d1117b8;border-radius:999px;padding:3px 9px;font-size:11px}.stat.error{color:var(--danger)}.resolving-badge,.recording-badge{border:1px solid var(--border);color:var(--text-dim);z-index:4;background:#0d1117d1;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:12px;animation:.2s fade-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.recording-badge{color:var(--danger);border-color:#ff6b7a80}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.rec-dot{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite pulse}.timeline{background:var(--panel);border-top:1px solid var(--border-soft);flex:none;align-items:center;gap:12px;height:50px;padding:0 14px;display:flex}.play-btn{border:1px solid var(--border);background:var(--panel-2);width:32px;height:32px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,transform .1s;display:grid}.play-btn:hover{background:var(--panel-3)}.play-btn:active{transform:scale(.94)}.frame-readout{font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:84px;font-size:12px}.frame-total{color:var(--text-faint)}.scrub{flex:1}.timeline-duration{align-items:center;gap:6px;display:inline-flex}.timeline-unit{color:var(--text-faint);font-size:11px}.timeline-mode{color:var(--text-faint);letter-spacing:.04em;white-space:nowrap;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#04060a99;place-items:center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(480px,92vw);max-height:76vh;padding:16px 18px;overflow-y:auto;box-shadow:0 24px 60px #00000080}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-head h2{margin:0;font-size:15px}.modal-empty{color:var(--text-dim);text-align:center;padding:18px 0 10px}.library-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.library-list li{align-items:center;gap:6px;display:flex}.library-load{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;flex:1;align-items:flex-start;gap:1px;padding:8px 11px;transition:border-color .15s,background .15s;display:flex}.library-load:hover{border-color:var(--accent);background:var(--panel-3)}.library-name{font-weight:600}.library-meta{color:var(--text-dim);font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}