:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b15;color:#f1f5fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 18%,rgba(25,91,120,.18),transparent 33rem),radial-gradient(circle at 14% 82%,rgba(63,37,103,.15),transparent 30rem),#070b15}button{font:inherit}.app-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:28px;display:grid;grid-template-rows:auto minmax(620px,1fr);gap:20px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:28px}.eyebrow{margin:0 0 8px;color:#68d4ca;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(30px,4vw,54px);font-weight:590;letter-spacing:-.045em;line-height:1}.subtitle{max-width:510px;margin:0;color:#9ba8bc;font-size:14px;line-height:1.65}.workspace{min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr);overflow:hidden;border:1px solid rgba(159,181,209,.14);border-radius:18px;background:#0a101db8;box-shadow:0 28px 100px #00000057;backdrop-filter:blur(16px)}.control-panel{padding:24px;display:flex;flex-direction:column;gap:24px;border-right:1px solid rgba(159,181,209,.12);background:#0a101de0;min-height:0;overflow-y:auto}.solver-log-section{display:flex;flex-direction:column;min-height:0}.solver-log{min-height:96px;height:clamp(96px,22vh,200px);overflow-y:auto;padding:10px 12px;border:1px solid rgba(159,181,209,.12);border-radius:10px;background:#060a14d1;color:#aeb9c9;font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.solver-log .log-line{margin:0}.solver-log .log-line[data-kind=error]{color:#f2a2a2}.solver-log .log-line[data-kind=cancelled]{color:#d9c48a}.section-label{margin:0 0 12px;color:#718099;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.solver-name{margin:0 0 6px;font-size:18px;font-weight:620}.solver-note{margin:0;color:#8795aa;font-size:12px;line-height:1.55}.parameters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parameter,.metric{padding:11px 12px;border:1px solid rgba(151,176,207,.12);border-radius:10px;background:#ffffff06}.parameter span,.metric span{display:block;color:#6f7d91;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.parameter strong,.metric strong{display:block;margin-top:6px;color:#e9eef7;font:590 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.parameter input,.parameter select{width:100%;margin-top:6px;padding:0;border:0;outline:0;background:transparent;color:#e9eef7;font:590 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.parameter select{cursor:pointer}.run-button{width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:10px;background:#63d1c7;color:#051211;font-weight:720;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.run-button:hover:not(:disabled){transform:translateY(-1px);background:#7de1d7}.run-button:disabled{cursor:wait;opacity:.52}.status-dot[data-state=running]~#run-status{color:#b8a472}.status-line{min-height:34px;margin-top:10px;display:flex;align-items:flex-start;gap:9px;color:#8c9bb0;font-size:11px;line-height:1.45}.status-dot{flex:0 0 auto;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#607087;box-shadow:0 0 0 4px #6070871a}.status-dot[data-state=running]{background:#f0c457;animation:pulse 1.1s infinite}.status-dot[data-state=ready]{background:#63d1c7}.status-dot[data-state=error]{background:#e8676d}@keyframes pulse{50%{opacity:.35}}.metrics{display:grid;gap:8px}.control-footer{margin-top:auto;color:#59677d;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden}#stellarator-canvas{display:block;width:100%;height:100%;min-height:620px;touch-action:none}.viewport:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(126,153,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(126,153,181,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,black,transparent 82%)}.canvas-placeholder{position:absolute;inset:50% auto auto 50%;width:min(360px,75%);transform:translate(-50%,-50%);color:#65748a;font-size:13px;line-height:1.65;text-align:center;pointer-events:none}.canvas-placeholder:before{content:"";display:block;width:72px;height:72px;margin:0 auto 22px;border:1px solid rgba(99,209,199,.25);border-radius:50%;box-shadow:inset 0 0 0 16px #63d1c706,0 0 48px #63d1c714}.legend{position:absolute;right:22px;bottom:22px;width:210px;padding:13px 14px 11px;border:1px solid rgba(159,181,209,.13);border-radius:10px;background:#070b15c7;backdrop-filter:blur(12px)}.legend-title{display:flex;justify-content:space-between;color:#aeb9c9;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.legend-bar{height:7px;margin:9px 0 6px;border-radius:10px;background:linear-gradient(90deg,#090e2e,#056baa,#19c7b0,#f2c93d,#c71f24)}.legend-scale{display:flex;justify-content:space-between;color:#69778c;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.method-badge{position:absolute;top:18px;right:18px;padding:7px 9px;border:1px solid rgba(99,209,199,.16);border-radius:7px;color:#78a8a5;background:#070b158c;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:820px){.app-shell{padding:18px;grid-template-rows:auto auto}.topbar{align-items:start;flex-direction:column;gap:12px}.workspace{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid rgba(159,181,209,.12)}.metrics{grid-template-columns:1fr 1fr}.control-footer{display:none}.solver-log{height:clamp(80px,16vh,140px)}#stellarator-canvas{min-height:520px}}