:root{color:#172026;background:#f2f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px clamp(16px,4vw,44px) 18px;background:#fff;border-bottom:1px solid #d9e2e4}.topbar-tools{display:grid;gap:10px;justify-items:end;min-width:min(620px,100%)}.eyebrow{margin:0 0 4px;color:#53666d;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05}.versions{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;margin:0;min-width:min(520px,100%)}.versions div{padding:10px 12px;border:1px solid #d9e2e4;background:#f8fafb;border-radius:6px}.versions dt{color:#53666d;font-size:.74rem;font-weight:700}.versions dd{margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.share-button{min-height:34px;padding:0 12px;border:1px solid #0f766e;border-radius:6px;color:#0f766e;background:#fff;cursor:pointer;font-weight:700}.tabs{display:flex;gap:4px;padding:12px clamp(16px,4vw,44px) 0;background:#fff}.tab,.chip,.actions button{border:1px solid #bfd0d4;color:#172026;background:#fff;border-radius:6px;min-height:38px;cursor:pointer}.tab{width:132px;font-weight:700}.tab.active{color:#fff;border-color:#0f766e;background:#0f766e}.tool{display:none;flex:1;padding:18px clamp(16px,4vw,44px) 36px}.tool.active{display:block}.workspace{display:grid;gap:16px}.two-pane{grid-template-columns:minmax(320px,.92fr) minmax(320px,1.08fr)}.pane{min-width:0;border:1px solid #d4dfe2;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0f}.editor{display:grid;gap:10px;align-content:start;padding:16px}label{color:#22323a;font-size:.86rem;font-weight:700}input,textarea{width:100%;border:1px solid #c9d7da;border-radius:6px;padding:10px 12px;color:#172026;background:#fbfcfc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}textarea{min-height:300px;resize:vertical}textarea.short{min-height:104px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:32px;padding:0 10px;color:#1b4f5d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:4px}.actions button{padding:0 14px;color:#fff;border-color:#0f766e;background:#0f766e;font-weight:700}.actions button.secondary{color:#172026;border-color:#bfd0d4;background:#fff}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid #bfd0d4;border-radius:6px;background:#fff}.toggle input{width:auto}.result{min-height:520px;padding:0;overflow:auto}.result-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #d9e2e4;background:#fff}.result-eyebrow{margin:0 0 2px;color:#53666d;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.result-toolbar h2{margin:0;color:#172026;font-size:1rem;line-height:1.2}.view-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(84px,1fr));overflow:hidden;border:1px solid #bfd0d4;border-radius:6px;background:#fff}.view-toggle button{min-height:34px;border:0;border-radius:0;background:#fff;color:#172026;cursor:pointer;font-weight:700}.view-toggle button+button{border-left:1px solid #bfd0d4}.view-toggle button.active{color:#fff;background:#0f766e}.result-view{display:none}.result-view.active{display:block}.status-line{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #d9e2e4;background:#f8fafb}.status-line span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:800}.status-line.success span{background:#0f766e}.status-line.danger span{background:#b42318}.status-line p{margin:0;color:#53666d}.rendered-block{margin:16px;padding:16px;border:1px solid #d9e2e4;border-radius:8px;background:#fbfcfc}.rendered-block.success{border-color:#8bc3b9;background:#f0faf8}.rendered-block.danger{border-color:#f2b8ad;background:#fff7f5}.rendered-block h3{margin:0 0 8px;color:#172026;font-size:1rem}.rendered-block p,.rendered-block ul{margin:0}.rendered-block ul{padding-left:20px}.rendered-block li+li{margin-top:6px}.rendered-block table{width:100%;margin-top:12px;border-collapse:collapse;font-size:.88rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.metric-grid div{padding:10px;border:1px solid #d9e2e4;border-radius:6px;background:#f8fafb}.metric-grid span{display:block;color:#0f766e;font-size:1.3rem;font-weight:800}.metric-grid p{margin:2px 0 0;color:#53666d;font-size:.78rem}.explanation-pre{white-space:pre-wrap;overflow-x:auto}.rendered-block th,.rendered-block td{padding:9px 10px;border-bottom:1px solid #d9e2e4;text-align:left;vertical-align:top}.rendered-block th{color:#53666d;font-weight:800;white-space:nowrap}.scalar{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.muted{color:#70838b}.result pre{margin:0;min-height:100%;padding:16px;color:#102027;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.result.error{border-color:#b42318}.result.error pre{color:#7a271a;background:#fff7f5}@media(max-width:860px){.topbar{align-items:stretch;flex-direction:column}.versions{grid-template-columns:1fr}.topbar-tools{justify-items:stretch;min-width:0}.share-button{width:100%}.tabs{overflow-x:auto}.two-pane{grid-template-columns:1fr}.result{min-height:320px}.result-toolbar{align-items:stretch;flex-direction:column}.view-toggle{width:100%}.metric-grid{grid-template-columns:1fr}}