*{box-sizing:border-box}:root{color-scheme:dark;--bg: #06070a;--panel: #0c1017;--panel-strong: #111722;--panel-soft: #151c29;--line: rgba(220, 232, 255, .13);--line-strong: rgba(220, 232, 255, .22);--text: #f5f8ff;--muted: #99a7ba;--faint: #6f7e90;--blue: #58a6ff;--cyan: #3dd6d0;--green: #46d08b;--amber: #f5bd52;--red: #ff6b76;--shadow: 0 18px 60px rgba(0, 0, 0, .34)}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(10,14,20,.98) 0%,var(--bg) 42%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:0;border-radius:8px;color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:wait}.app-shell{display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;border:1px solid var(--line);border-radius:8px;background:#0c1017d1;box-shadow:var(--shadow);padding:14px 16px}.brand-lockup,.topbar-actions,.editor-panel__header,.metric-row,.score-panel{display:flex;align-items:center}.brand-lockup{gap:12px;min-width:0}.brand-mark{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:1px solid rgba(61,214,208,.52);border-radius:8px;background:linear-gradient(135deg,#58a6ff38,#46d08b29),#0b121c;color:#fff;font-size:18px;font-weight:800}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:0;line-height:1.3;text-transform:uppercase}h1,h2,p,dl,dd{margin:0}h1{overflow-wrap:anywhere;font-size:24px;letter-spacing:0;line-height:1.1}h2{color:var(--text);font-size:15px;letter-spacing:0;line-height:1.3}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.runtime-badge,.ghost-action,.primary-action{min-height:38px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;white-space:nowrap}.runtime-badge{display:inline-flex;align-items:center;gap:8px;color:#c7d2e2;font-size:13px;font-weight:650}.runtime-badge--running{border-color:#f5bd5273;color:#ffe0a1}.runtime-badge--failed{border-color:#ff6b7673;color:#ffb0b7}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #46d08b24}.runtime-badge--running .status-dot{background:var(--amber);box-shadow:0 0 0 4px #f5bd5224}.runtime-badge--failed .status-dot{background:var(--red);box-shadow:0 0 0 4px #ff6b7624}.ghost-action{background:#0f1520;color:#dce7f7;font-weight:700}.ghost-action:hover{border-color:#58a6ff8a;color:#fff}.primary-action{min-width:112px;background:#f5f8ff;color:#09111d;font-weight:800}.primary-action:hover{background:#fff}.primary-action:disabled{background:#2b3545;color:#aebace}.workspace{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:16px;min-height:0}.control-rail{display:flex;flex-direction:column;gap:12px;min-width:0}.control-panel,.score-panel,.editor-panel{border:1px solid var(--line);border-radius:8px;background:#0c1017d6;box-shadow:var(--shadow)}.control-panel,.score-panel{padding:14px}.panel-heading{margin-bottom:12px}.example-list{display:grid;gap:8px}.example-option{width:100%;min-height:38px;border:1px solid var(--line);background:#0f1520;color:#cbd6e6;font-weight:700;text-align:left;padding:0 12px}.example-option:hover,.example-option--active{border-color:#3dd6d08c;background:#3dd6d01a;color:#fff}.metric-list{display:grid}.metric-row{justify-content:space-between;gap:12px;min-height:38px;border-top:1px solid var(--line)}.metric-row:first-child{border-top:0}.metric-row dt{color:var(--muted);font-size:13px}.metric-row dd{color:var(--text);font-size:13px;font-weight:750;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-panel{align-items:flex-start;flex-direction:column;gap:4px;background:linear-gradient(135deg,#58a6ff21,#46d08b1a),var(--panel)}.score-panel strong{color:#fff;font-size:40px;line-height:1}.score-panel span{color:var(--muted);font-size:13px;font-weight:650}.editor-workbench{display:grid;gap:16px;min-width:0}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.editor-panel{min-width:0;overflow:hidden}.editor-panel__header{justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid var(--line);background:var(--panel-strong);padding:12px 14px}.editor-panel__header p{color:var(--muted);font-size:12px;line-height:1.35}.editor-panel__header span{flex:0 0 auto;max-width:160px;overflow:hidden;border:1px solid var(--line);border-radius:999px;color:#bfd0e6;font-size:12px;font-weight:700;line-height:1;padding:7px 9px;text-overflow:ellipsis;white-space:nowrap}.editor-frame{background:#1e1e1e}.editor-loading{display:grid;height:100%;min-height:180px;place-items:center;background:#1e1e1e;color:var(--muted);font-size:13px;font-weight:700}@media (max-width: 1040px){.workspace{grid-template-columns:1fr}.control-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.app-shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions,.runtime-badge,.ghost-action,.primary-action{width:100%}.runtime-badge,.ghost-action,.primary-action{justify-content:center}.control-rail,.editor-grid{grid-template-columns:1fr}}@media (max-width: 520px){h1{font-size:21px}.brand-mark{width:38px;height:38px}.editor-panel__header{align-items:flex-start;flex-direction:column}.editor-panel__header span{max-width:100%}}