:root{font-family:system-ui,-apple-system,sans-serif;color:#302c26;background:#e4d6b8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,select,textarea{font:inherit}.topbar{height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff8e8;border-bottom:1px solid #cfc0a1}.topbar h1{display:inline;margin:0 0 0 14px;font:700 22px Georgia,serif}.topbar a{color:#315aa8;text-decoration:none;font-size:13px}.actions{display:flex;gap:7px}.actions button,.pane-toolbar button{border:1px solid #b9aa8d;background:#fffdf7;color:#302c26;border-radius:8px;padding:8px 11px;cursor:pointer}.actions .primary{background:#315aa8;color:#fff;border-color:#24477f;font-weight:700}kbd{font-size:10px;opacity:.7}.workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(360px,48%) minmax(400px,52%)}.preview-pane,.code-pane{min-width:0;min-height:0}.preview-pane{display:grid;grid-template-rows:auto minmax(220px,1fr) auto;background:#f4e8c8;border-right:1px solid #b9aa8d}.pane-toolbar{display:flex;align-items:end;gap:8px;padding:10px;border-bottom:1px solid #d4c5a7;flex-wrap:wrap}.pane-toolbar label{display:grid;gap:3px;color:#756b5c;font-size:11px}.pane-toolbar select{min-width:130px;max-width:220px;padding:7px;border:1px solid #b9aa8d;border-radius:7px;background:#fffaf0}.mode-switch{display:flex}.mode-switch button{border-radius:0}.mode-switch button:first-child{border-radius:8px 0 0 8px}.mode-switch button:last-child{border-radius:0 8px 8px 0;margin-left:-1px}.mode-switch button.active{background:#315aa8;color:white}.simulation-control[hidden]{display:none}.view-switch{margin-right:3px}#preview{display:block;width:100%;height:100%;min-height:0;cursor:crosshair}.status-panel{max-height:min(42vh,430px);overflow:auto;padding:9px 12px;background:#fff8e8;border-top:1px solid #d4c5a7}#validation-results[hidden]{display:none}.status{padding:7px 10px;border-radius:7px;font-size:13px}.status.ok{color:#166534;background:#dcfce7}.status.fail{color:#991b1b;background:#fee2e2}.status.pending{color:#854d0e;background:#fef3c7}.status pre{margin:7px 0 0;white-space:pre-wrap;font:11px/1.35 ui-monospace,monospace}.validation-table{width:100%;margin-top:8px;border-collapse:collapse;font-size:12px}.validation-table th,.validation-table td{text-align:left;padding:5px;border-bottom:1px solid #dfd2b8}.pass{color:#166534;font-weight:700}.fail-text{color:#991b1b;font-weight:700}.failure-diagnostics{margin-top:10px}.failure-diagnostics>h2{margin:8px 0 2px;font:700 16px Georgia,serif}.failure-diagnostics>p{margin:0 0 8px;color:#756b5c;font-size:11px}.failure-group{margin:7px 0;padding:8px 10px;border:1px solid #e3b6ae;border-radius:8px;background:#fff5f3}.failure-group h3{margin:0 0 3px;color:#991b1b;font-size:12px}.failure-group p{margin:0 0 6px;font-size:11px}.failure-example{display:flex;align-items:center;gap:7px;padding:3px 0}.failure-example code{flex:1;font:10px/1.35 ui-monospace,monospace;overflow-wrap:anywhere}.failure-example button{border:1px solid #b91c1c;border-radius:6px;padding:3px 7px;background:white;color:#991b1b;cursor:pointer;font-size:10px}.code-pane{display:grid;grid-template-rows:39px minmax(180px,1fr) minmax(110px,28%) 28px;background:#111827;color:#dbeafe}.code-pane.console-collapsed{grid-template-rows:39px 1fr 35px 28px}.code-pane.console-expanded{grid-template-rows:39px minmax(90px,25%) minmax(260px,75%) 28px}.code-heading,.code-pane footer{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0b1220;color:#9fb3ca;font-size:12px}.editor-shell{min-height:0;overflow:hidden;background:#111827}.editor-shell>.cm-editor{height:100%}.editor-shell .cm-focused{outline:none}.editor-shell .cm-tooltip{z-index:5}.editor-shell .cm-panels{font-size:12px}.editor-shell .cm-search label{color:#dbeafe}.editor-shell .cm-search input,.editor-shell .cm-search button{font:12px system-ui,sans-serif}.console-panel{display:grid;grid-template-rows:35px 1fr;min-height:0;border-top:1px solid #334155;background:#080d17}.console-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#0b1220}.console-panel button{border:0;background:transparent;color:#9fb3ca;cursor:pointer;font:12px system-ui,sans-serif}.console-panel #console-count{display:inline-block;min-width:18px;margin-left:4px;padding:1px 5px;border-radius:999px;background:#334155;color:#dbeafe;font-size:10px}.console-panel.collapsed #console-output{display:none}#console-output{overflow:auto;padding:6px 10px;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.console-line{display:grid;grid-template-columns:max-content max-content 1fr;gap:8px;padding:2px 0;border-bottom:1px solid rgba(51,65,85,.35);white-space:pre-wrap;overflow-wrap:anywhere}.console-phase{color:#7dd3fc}.console-stream{color:#94a3b8}.console-line.stderr .console-stream,.console-line.stderr .console-text{color:#fca5a5}.console-line.warning .console-stream,.console-line.warning .console-text{color:#fcd34d}.console-empty{padding:9px 0;color:#64748b;font-style:italic}.api-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.32);opacity:0;pointer-events:none;transition:opacity .18s;z-index:19}.api-backdrop.open{opacity:1;pointer-events:auto}.api-drawer{position:fixed;z-index:20;right:0;top:0;width:min(620px,92vw);height:100vh;display:grid;grid-template-rows:auto auto auto 1fr;background:#fffaf0;border-left:1px solid #b9aa8d;box-shadow:-14px 0 38px rgba(30,25,18,.2);transform:translateX(102%);transition:transform .2s ease;color:#302c26}.api-drawer.open{transform:translateX(0)}.api-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 13px;border-bottom:1px solid #d4c5a7}.api-drawer h2{margin:2px 0 0;font:700 25px Georgia,serif}.api-drawer .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#756b5c}.api-drawer header button{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#756b5c}.api-search{display:flex;align-items:center;gap:10px;padding:12px 20px}.api-search input{flex:1;padding:9px 11px;border:1px solid #b9aa8d;border-radius:8px;background:white;font:inherit}.api-search span{white-space:nowrap;color:#756b5c;font-size:11px}.api-drawer nav{display:flex;gap:5px;overflow-x:auto;padding:0 20px 11px;border-bottom:1px solid #d4c5a7}.api-drawer nav button{white-space:nowrap;border:1px solid #cfc0a1;border-radius:999px;padding:6px 10px;background:white;color:#4b4439;cursor:pointer;font-size:12px}.api-content{overflow:auto;padding:4px 20px 30px;scroll-behavior:smooth}.api-section{padding-top:17px}.api-section h3{margin:0 0 10px;font:700 20px Georgia,serif}.api-section h4{margin:16px 0 6px;font-size:14px}.api-section p,.api-section li{font-size:13px;line-height:1.5}.api-section code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.api-section pre{margin:8px 0;padding:12px;overflow:auto;border-radius:8px;background:#111827;color:#dbeafe;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.api-card{margin:8px 0;padding:11px 12px;border:1px solid #ded1b6;border-radius:9px;background:white}.api-card h4{margin:0 0 5px}.api-signature{display:block;margin:6px 0;color:#24477f;overflow-wrap:anywhere}.api-table{width:100%;border-collapse:collapse;font-size:12px}.api-table th,.api-table td{text-align:left;vertical-align:top;padding:7px;border-bottom:1px solid #e3d8c1}.api-required{font-size:10px;color:#854d0e}.api-note{padding:9px 11px;border-left:3px solid #315aa8;background:#eef4ff;color:#4b5563}.coordinate-map{position:relative;width:220px;height:220px;margin:12px auto;border:2px solid #756b5c;background:#f4e8c8}.coordinate-map .port{position:absolute;transform:translate(-50%,-50%);padding:3px 5px;border-radius:5px;color:white;font:10px ui-monospace,monospace}.coordinate-map .input{background:#15803d}.coordinate-map .output{background:#b91c1c}.coordinate-map .axis{position:absolute;color:#756b5c;font-size:10px}.api-empty{padding:30px;text-align:center;color:#756b5c}#loading{position:fixed;inset:0;display:grid;place-items:center;background:rgba(246,237,216,.97);z-index:10;text-align:center}#loading.hidden{display:none}#loading h2{font:700 30px Georgia,serif;margin:0 0 8px}#loading p{color:#756b5c}@media(max-width:800px){html,body{overflow:auto}.code-pane.console-expanded{height:92vh;grid-template-rows:39px minmax(70px,18%) minmax(360px,82%) 28px}#console-output{font-size:12px;line-height:1.55;user-select:text;-webkit-user-select:text}.console-panel>header button{padding:8px 7px}.topbar{height:auto;align-items:flex-start;flex-direction:column}.actions{width:100%;overflow:auto}.workspace{height:auto;display:block}.preview-pane{height:620px;border-right:0;border-bottom:1px solid #b9aa8d}.code-pane{height:70vh;min-height:500px}.pane-toolbar{align-items:stretch}.pane-toolbar label{flex:1}.pane-toolbar select{width:100%;max-width:none}.actions button{white-space:nowrap}}