:root{--bg:#07041a;--bg-2:#0f0a2e;--panel:#140c34b8;--panel-edge:#ffffff17;--text:#f4f1ff;--muted:#a99fd6;--magenta:#ff2bd6;--cyan:#00f5d4;--lime:#9ef01a;--gold:#ffd60a;--violet:#9b5de5;--orange:#ff7b00;--red:#ff4d6d;--sky:#4cc9f0;--rainbow:linear-gradient(90deg, var(--magenta), var(--orange), var(--gold), var(--lime), var(--cyan), var(--sky), var(--violet));--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #ff2bd638, transparent 60%), radial-gradient(1000px 700px at 110% 10%, #00f5d42e, transparent 60%), radial-gradient(900px 600px at 50% 120%, #9b5de540, transparent 60%), var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,Inter,Roboto,sans-serif;overflow:hidden}button,input{font:inherit;color:inherit}.app{grid-template:"top top top"62px"left stage right"minmax(0,1fr)"status status status"34px/300px minmax(0,1fr) 330px;gap:10px;height:100%;padding:10px;display:grid}.topbar{grid-area:top}.panel-left{grid-area:left}.stage{grid-area:stage}.panel-right{grid-area:right}.statusbar{grid-area:status}.topbar{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:relative;overflow:hidden}.topbar:after{content:"";background:var(--rainbow);background-size:200% 100%;height:3px;animation:8s linear infinite slide;position:absolute;inset:auto 0 0}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.5px;background:var(--rainbow);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;animation:10s linear infinite slide}.brand p{color:var(--muted);margin:0;font-size:12px}.logo{background:conic-gradient(var(--magenta), var(--gold), var(--lime), var(--cyan), var(--violet), var(--magenta));border-radius:50%;width:36px;height:36px;animation:12s linear infinite spin;box-shadow:0 0 24px #ff2bd68c}.topbar-meta{gap:8px;display:flex}.pill{border:1px solid var(--panel-edge);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:4px 12px;font-size:12px}.pill-glow{color:var(--text);background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--rainbow) border-box;border:1px solid #0000}.panel{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;border-radius:16px;padding:14px;overflow-y:auto}.panel section+section,.panel h2+section,.panel .kpis+section{border-top:1px solid var(--panel-edge);margin-top:16px;padding-top:14px}.panel h2{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.panel h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);align-items:center;gap:6px;margin:10px 0 6px;font-size:12px;display:flex}.panel small{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.hint{color:var(--muted);margin:6px 0;font-size:12px}.blurb{color:var(--muted);margin:10px 0 0;font-size:12.5px}.error{color:var(--red);margin:6px 0;font-size:12px}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot-magenta{background:var(--magenta);box-shadow:0 0 10px var(--magenta)}.dot-cyan{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.dot-lime{background:var(--lime);box-shadow:0 0 10px var(--lime)}.dot-gold{background:var(--gold);box-shadow:0 0 10px var(--gold)}.dot-red{background:var(--red);box-shadow:0 0 10px var(--red)}.pulse{animation:1.6s ease-in-out infinite pulse}.fractal-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fractal-card{--hue:var(--magenta);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:9px 8px;font-size:13px;font-weight:600;transition:transform .12s,border-color .12s,background .12s;position:relative;overflow:hidden}.fractal-card:before{content:"";background:var(--hue);width:3px;box-shadow:0 0 12px var(--hue);position:absolute;top:0;bottom:0;left:0}.fractal-card:hover{border-color:var(--hue);transform:translateY(-1px)}.fractal-card.active{background:linear-gradient(120deg, color-mix(in srgb, var(--hue) 45%, transparent), #ffffff0a);border-color:var(--hue);box-shadow:0 0 18px color-mix(in srgb, var(--hue) 40%, transparent)}.hue-0{--hue:var(--magenta)}.hue-1{--hue:var(--cyan)}.hue-2{--hue:var(--gold)}.hue-3{--hue:var(--orange)}.hue-4{--hue:var(--lime)}.hue-5{--hue:var(--sky)}.hue-6{--hue:var(--violet)}.field{margin:10px 0;display:block}.field>span{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.field b{color:var(--text);font-family:var(--mono);font-weight:500}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{cursor:pointer;font-size:12px;font-family:var(--mono);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px}.chip:hover{border-color:var(--cyan)}.chip.active{background:linear-gradient(120deg, var(--magenta), var(--violet));border-color:#0000;box-shadow:0 0 12px #ff2bd673}.number-param{grid-template-columns:1fr 86px;align-items:center;gap:8px;display:grid}.number-input{width:100%;font-family:var(--mono);background:#0000004d;border:1px solid #ffffff24;border-radius:8px;padding:4px 8px;font-size:12px}.number-input:focus{border-color:var(--cyan);outline:none}input[type=range]{width:100%;accent-color:var(--magenta)}.toggle{cursor:pointer;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:grid}.toggle input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px}.palette-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.palette{cursor:pointer;border:2px solid #0000;border-radius:8px;height:26px;transition:transform .12s}.palette:hover{transform:scale(1.06)}.palette.active{border-color:#fff;box-shadow:0 0 14px #ffffff80}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;width:100%;margin-top:8px;padding:8px 12px;font-weight:600}.button-ghost{background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--rainbow) border-box}.button-ghost:hover{background:linear-gradient(#0f0a2e99, #0f0a2e99) padding-box, var(--rainbow) border-box}.stage{background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--rainbow) border-box;border:1px solid #0000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 40px #9b5de540}.fractal-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.fractal-canvas:active{cursor:grabbing}.stage-help{color:var(--muted);pointer-events:none;white-space:nowrap;background:#07041ab3;border-radius:999px;padding:4px 12px;font-size:11.5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kpi{--k:var(--magenta);background:linear-gradient(140deg, color-mix(in srgb, var(--k) 28%, transparent), #ffffff08);border:1px solid color-mix(in srgb, var(--k) 50%, transparent);border-radius:12px;padding:10px}.kpi b{font-size:24px;font-family:var(--mono);color:var(--k);text-shadow:0 0 14px color-mix(in srgb, var(--k) 70%, transparent);display:block}.kpi span{color:var(--muted);font-size:11px}.kpi-magenta{--k:var(--magenta)}.kpi-cyan{--k:var(--cyan)}.kpi-lime{--k:var(--lime)}.kpi-gold{--k:var(--gold)}.stacked-bar{background:#ffffff0f;border-radius:999px;height:12px;display:flex;overflow:hidden}.stacked-bar span{transition:width .4s}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11.5px;display:flex}.legend i,.feed i,.worker i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.sparkline{width:100%;height:44px;display:block}.stepper{gap:4px;margin-left:auto;display:flex}.stepper button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:24px;height:22px;line-height:1}.stepper button:hover{border-color:var(--cyan)}.workers{gap:5px;display:grid}.worker{background:#ffffff0a;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;padding:5px 8px;font-size:12px;display:grid}.worker i{background:var(--worker)}.worker.busy{border-color:var(--worker);background:color-mix(in srgb, var(--worker) 16%, transparent)}.worker.busy i{box-shadow:0 0 10px var(--worker);animation:.8s ease-in-out infinite pulse}.worker-id{font-family:var(--mono);color:var(--worker)}.worker-stat{color:var(--muted);font-size:11px}.meter{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--cyan), var(--lime));height:100%;transition:width .4s;display:block}.feed{font-family:var(--mono);margin:0;padding:0;font-size:11px;list-style:none}.feed li{grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:2px 0;display:grid}.feed-key{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.feed-ms{color:var(--gold)}.statusbar{background:var(--panel);border:1px solid var(--panel-edge);color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:22px;padding:0 14px;font-size:12px;display:flex;overflow:hidden}.statusbar b{color:var(--cyan);font-family:var(--mono);font-weight:500}.cursor-readout b{color:var(--magenta)}@keyframes slide{to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}@media (width<=1100px){body{overflow:auto}.app{grid-template:"top""stage"70vh"status""left""right"/minmax(0,1fr);height:auto}.statusbar{white-space:normal;flex-wrap:wrap;gap:8px 16px;padding:8px 14px}.topbar-meta{display:none}}.task-row{grid-template-columns:58px 1fr auto;align-items:center;gap:8px;margin:6px 0;font-size:12px;display:grid}.task-label{color:var(--muted);font-family:var(--mono)}.task-dots{flex-wrap:wrap;gap:4px;display:flex}.task-dots i{border:1.5px solid var(--dot);border-radius:3px;width:12px;height:12px}.task-dots i.running{background:var(--dot);box-shadow:0 0 8px var(--dot)}.task-dots i.pending{background:color-mix(in srgb, var(--dot) 40%, transparent);animation:.9s ease-in-out infinite pulse}.task-dots i.wanted{opacity:.5}.task-dots em{color:var(--muted);font-size:11px}.task-count{font-family:var(--mono);color:var(--text)}.scaler-reason{border-left:3px solid var(--gold);font-family:var(--mono);background:#ffd60a14;border-radius:8px;margin:4px 0;padding:6px 8px;font-size:11.5px}.scale-history{margin:6px 0 0;padding:0;font-size:11px;list-style:none}.scale-history li{color:var(--muted);grid-template-columns:40px 1fr auto;gap:6px;padding:2px 0;display:grid}.scale-history b{font-family:var(--mono)}.scale-history b.up{color:var(--lime)}.scale-history b.down{color:var(--orange)}.tabs{border:1px solid var(--panel-edge);background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 16px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:linear-gradient(120deg, var(--magenta), var(--violet));box-shadow:0 0 16px #ff2bd666}.tab-hood.active{background:linear-gradient(120deg, var(--violet), var(--sky));box-shadow:0 0 16px #4cc9f066}.viewer-wrap{flex-direction:column;display:flex;position:absolute;inset:0}.viewer-wrap .fractal-canvas{flex:1;height:auto;min-height:0}.app.tab-hood{grid-template-columns:430px minmax(0,1fr) 320px}.viewer-wrap.mini{z-index:5;background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--rainbow) border-box;border:1px solid #0000;border-radius:12px;width:300px;height:220px;transition:width .2s,height .2s;inset:auto auto 14px 14px;overflow:hidden;box-shadow:0 8px 30px #0009,0 0 20px #ff2bd64d}.viewer-wrap.mini-large{width:480px;height:340px}.viewer-wrap.mini-collapsed{width:230px;height:30px}.viewer-wrap.mini-collapsed .fractal-canvas{flex:0 0 0}.mini-bar{height:30px;font:11px var(--mono);color:var(--muted);border-bottom:1px solid var(--panel-edge);background:#140c34f2;justify-content:space-between;align-items:center;padding:0 8px 0 10px;display:flex}.mini-buttons{gap:4px;display:flex}.mini-buttons button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:5px;width:22px;height:20px;font-size:11px;line-height:1}.mini-buttons button:hover{border-color:var(--cyan)}.hood{flex-direction:column;display:flex;position:absolute;inset:0}.hood-metrics{border-bottom:1px solid var(--panel-edge);background:#0a0622e6;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.hm{--k:var(--sky);background:linear-gradient(140deg, color-mix(in srgb, var(--k) 22%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--k) 45%, transparent);border-radius:10px;flex:120px;min-width:118px;padding:7px 10px}.hm b{font:700 20px var(--mono);color:var(--k);text-shadow:0 0 12px color-mix(in srgb, var(--k) 60%, transparent);display:block}.hm b em{opacity:.8;font-size:13px;font-style:normal}.hm span{color:var(--text);font-size:11px;display:block}.hm small{font:10.5px var(--mono);color:var(--muted);white-space:nowrap;display:block}.hm-sky{--k:var(--sky)}.hm-cyan{--k:var(--cyan)}.hm-gold{--k:var(--gold)}.hm-magenta{--k:var(--magenta)}.hm-violet{--k:var(--violet)}.hm-lime{--k:var(--lime)}.hm-controls{flex-direction:column;justify-content:center;gap:4px;min-width:150px;display:flex}.hood-map{flex:1;min-height:0;position:relative}.hood-canvas{width:100%;height:100%;display:block}.toggle-inline{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.toggle-inline input{accent-color:var(--cyan)}.call-log{flex-direction:column;display:flex;overflow:hidden}.log-controls{border-bottom:1px solid var(--panel-edge);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.log-toggles{align-items:center;gap:10px;display:flex}.log-lines{font:11px/1.35 var(--mono);scrollbar-width:thin;flex:1;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.log-lines li{border-bottom:1px solid #ffffff0a;grid-template-columns:84px 84px minmax(0,1fr) auto;column-gap:6px;padding:3px 4px;animation:.5s ease-out log-in;display:grid}.log-lines li:hover{background:#ffffff0a}.log-time{color:var(--muted);opacity:.8}.log-actor,.log-op{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-op{font-weight:700}.log-result{text-align:right;white-space:nowrap}.log-detail{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);grid-area:2/2/auto/-1;overflow:hidden}@keyframes log-in{0%{background:#4cc9f029}}.c-cyan{color:var(--cyan)}.c-lime{color:var(--lime)}.c-gold{color:var(--gold)}.c-magenta{color:var(--magenta)}.c-violet{color:var(--violet)}.c-sky{color:var(--sky)}.c-orange{color:var(--orange)}.c-red{color:var(--red)}.c-muted{color:var(--muted)}.c-text{color:var(--text)}.hm-explain{flex-direction:column;justify-content:center;gap:4px;display:flex}.explain-button{background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--rainbow) border-box;text-align:left;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600}.explain-button:hover{background:linear-gradient(#0f0a2e99, #0f0a2e99) padding-box, var(--rainbow) border-box}.explainer{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0622f0 padding-box padding-box;border:1px solid #0000;border-radius:14px;flex-direction:column;width:min(400px,46%);max-height:calc(100% - 260px);padding:12px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 0 0 1px #4cc9f080,0 12px 40px #0009,0 0 30px #4cc9f02e}.ex-head{justify-content:space-between;gap:8px;display:flex}.ex-head b{background:var(--rainbow);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;display:block}.ex-head code{font:10.5px var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:330px;margin-top:2px;display:block;overflow:hidden}.ex-close{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:24px;height:24px}.ex-wait{color:var(--muted);margin:10px 0 2px;font-size:12.5px}.ex-progress{background:#ffffff14;border-radius:999px;height:4px;margin:10px 0;overflow:hidden}.ex-progress span{background:var(--rainbow);height:100%;transition:width .4s;display:block}.ex-current{background:color-mix(in srgb, var(--tone) 12%, transparent);border-left:3px solid var(--tone);border-radius:10px;padding:10px 12px}.ex-current-title{align-items:center;gap:8px;display:flex}.ex-current-title i,.ex-step i{background:var(--tone);width:9px;height:9px;box-shadow:0 0 8px var(--tone);border-radius:50%;flex:none}.ex-current-title b{color:var(--tone);font-size:13.5px}.ex-current-title small{font:11px var(--mono);color:var(--muted);margin-left:auto}.ex-current p{margin:6px 0 0;font-size:12.5px;line-height:1.5}.ex-why{color:var(--muted)}.ex-why b{color:var(--gold)}.ex-controls{align-items:center;gap:4px;margin:10px 0 6px;display:flex}.ex-controls button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;min-width:30px;height:26px;font-size:12px}.ex-controls button:hover{border-color:var(--cyan)}.ex-controls .ex-play{background:linear-gradient(120deg, var(--violet), var(--sky));border-color:#0000;padding:0 10px;font-weight:700}.ex-count{font:11px var(--mono);color:var(--muted);margin-left:auto}.ex-steps{scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.ex-step{color:var(--muted);cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:grid}.ex-step:hover{background:#ffffff0d}.ex-step.done{color:var(--text);opacity:.75}.ex-step.current{color:var(--text);background:color-mix(in srgb, var(--tone) 16%, transparent)}.ex-step small{font:10.5px var(--mono)}.ex-foot{margin:6px 0 0;font-size:10.5px}.log-focus{background:#4cc9f01f;border:1px solid #4cc9f066;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;display:flex}.log-focus b{color:var(--sky)}.log-focus button{cursor:pointer;color:var(--muted);background:0 0;border:0;margin-left:auto}.log-lines li.followable{cursor:pointer}.log-lines li.followable:hover{background:#9b5de524}