:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#e2e8f0}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(148,163,184,.28),transparent 28%),linear-gradient(180deg,#f8fafc,#e2e8f0)}button,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,1400px);max-width:1400px;margin:0 auto;padding:24px}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px;min-width:0}.hero>div{min-width:0}.hero h1{margin:0 0 8px;font-size:2rem}.hero p{margin:0;color:#334155;max-width:760px}.compile-status{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:8px 12px;border-radius:999px;border:1px solid #cbd5e1;background:#ffffffd9;color:#334155;font-size:.9rem}.compile-status-ready,.compile-status-compiled{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.compile-status-compiling{border-color:#fde68a;background:#fefce8;color:#92400e}.compile-status-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;justify-content:space-between;margin-bottom:20px;min-width:0}.toolbar-group{display:flex;flex-direction:column;gap:6px;min-width:0}.toolbar-group span{font-size:.9rem;color:#334155}.toolbar select,.toolbar button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:10px 14px}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1.05fr);gap:18px;align-items:start;min-width:0}.workspace>*{min-width:0}.results-column{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{min-width:0;max-width:100%;background:#ffffffeb;border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:16px;box-shadow:0 10px 30px #0f172a14}.panel-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#475569;font-size:.92rem}.editor-panel{min-height:640px;min-width:0}.editor{width:100%;max-width:100%;min-height:560px;border:1px solid #cbd5e1;border-radius:12px;padding:14px;resize:vertical;background:#0f172a;color:#e2e8f0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;line-height:1.5}.timeline-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.timeline-label{fill:#475569;font-size:11px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.timeline-note-label{fill:#f8fafc;font-size:10px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.timeline-empty p,.muted{margin:0;color:#64748b}.error-panel{border-color:#dc262633;background:#fef2f2eb}.error-panel p{margin:0;color:#991b1b}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.summary-grid dt{font-size:.8rem;color:#64748b}.summary-grid dd{margin:4px 0 0;font-size:1.1rem;font-weight:600}.json-preview{margin:0;width:100%;max-width:100%;max-height:240px;overflow:auto;padding:14px;border-radius:12px;background:#0f172a;color:#cbd5e1;font-size:.82rem}.docs-panel{min-width:0;width:100%;max-width:100%;max-height:860px;display:flex;flex-direction:column}.docs-panel-header{align-items:center}.docs-close-button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:8px 12px}.docs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.docs-tab{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:999px;padding:8px 12px}.docs-tab-active{background:#0f766e;border-color:#0f766e;color:#f8fafc}.docs-content{overflow:auto;min-width:0;max-width:100%;padding-right:6px;color:#1e293b;line-height:1.6}.docs-content h1,.docs-content h2,.docs-content h3{color:#0f172a;line-height:1.2}.docs-content h1{margin-top:0;font-size:1.55rem}.docs-content h2{margin-top:1.5rem;font-size:1.15rem}.docs-content h3{margin-top:1.2rem;font-size:1rem}.docs-content p,.docs-content ul,.docs-content ol{margin:0 0 .95rem}.docs-content code{background:#e2e8f0;border-radius:6px;padding:.1rem .35rem;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.9em}.docs-content pre{margin:0 0 1rem;max-width:100%;padding:14px;border-radius:12px;background:#0f172a;color:#e2e8f0;overflow:auto}.docs-content pre code{background:transparent;padding:0;color:inherit}.docs-overlay{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end;background:#0f172a5c;padding:20px;overflow:hidden}.docs-drawer{width:min(520px,100%);max-width:100%;height:100%;margin:0;border-radius:22px;display:flex;flex-direction:column;overflow:hidden}.docs-code-block{margin:0 0 1rem}.docs-code-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.docs-load-example-button{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-size:.86rem}.docs-pre{margin:0}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.toolbar,.toolbar-actions{justify-content:flex-start}}@media(max-width:980px){.editor-panel{min-height:480px}.editor{min-height:400px}.app-shell{padding:16px}.panel{padding:14px}.summary-grid{grid-template-columns:1fr}.docs-overlay{padding:0;align-items:stretch}.docs-drawer{width:100%;height:100%;border-radius:0}}@media(max-width:640px){.hero,.toolbar{align-items:stretch}.toolbar-group,.toolbar select,.toolbar-actions{width:100%}.toolbar-actions button{flex:1 1 140px}.hero h1{font-size:1.55rem}.panel-header{flex-wrap:wrap}.json-preview{max-height:200px}.docs-code-actions{justify-content:stretch}.docs-load-example-button{width:100%}}