:root{color-scheme:dark;--ink:#f7f4ea;--muted:#b7c1b0;--line:rgba(255,255,255,0.16);--panel:rgba(11,16,18,0.88);--panel-strong:rgba(8,11,13,0.94);--green:#7bd66f;--amber:#f1c363;--blue:#68b8ff;--red:#ff8174;--stone:#202722;--shadow:0 18px 70px rgba(0,0,0,0.46)}*{box-sizing:border-box}body{margin:0;background:#0b1012;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}.demo-shell{position:relative;min-height:100svh;overflow:hidden;padding:24px clamp(22px,4vw,56px) 56px}.hero-image{width:100%;height:100%;object-fit:cover;z-index:0}.hero-image,.hero-scrim{position:absolute;inset:0}.hero-scrim{z-index:1;background:linear-gradient(90deg,rgba(6,10,11,.88),rgba(6,10,11,.62) 38%,rgba(6,10,11,.28)),linear-gradient(180deg,rgba(6,10,11,.68),rgba(6,10,11,.76))}.hero-copy,.topbar,.workbench{position:relative;z-index:2}.topbar{display:flex;justify-content:space-between;max-width:1480px;margin:0 auto 42px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(123,214,111,.18);color:var(--green)}.nav-actions,.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.nav-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.08);color:var(--ink);cursor:pointer;font-size:.9rem;font-weight:800}.nav-link{padding:0 12px}.secondary-button{padding:0 14px}.command-button,.file-tabs button,.icon-button,.view-tabs button{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.08);color:var(--ink);cursor:pointer}.icon-button{display:grid;place-items:center;width:38px;height:38px}.command-button:disabled,.icon-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.command-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;background:#e4f7d7;color:#142012;font-weight:800}.hero-copy{max-width:1480px;margin:0 auto 34px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.78rem;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:clamp(3.2rem,9vw,7.6rem);line-height:.86;letter-spacing:0}.hero-copy p:last-child{max-width:620px;margin:18px 0 0;color:#e6eadb;font-size:clamp(1rem,2vw,1.25rem);line-height:1.5}.home-hero{position:relative;min-height:88svh;overflow:hidden;padding:24px clamp(22px,4vw,56px) 72px}.home-hero-copy{position:relative;z-index:2;max-width:1480px;margin:0 auto;padding-top:clamp(56px,11vh,140px)}.home-hero-copy p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#e6eadb;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-command{min-width:178px}.home-summary-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#26302a}.home-summary{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;min-height:112px;padding:22px clamp(18px,2.5vw,34px);background:#101719}.home-summary svg{grid-row:span 2;width:18px;height:18px;color:var(--green)}.home-summary strong{font-size:.9rem}.home-summary span{color:var(--muted);line-height:1.35}.compiler-band,.examples-band{padding:clamp(56px,8vw,104px) clamp(22px,5vw,72px)}.examples-band{background:#0d1315}.section-heading{max-width:1480px;margin:0 auto 34px}.compiler-copy h2,.section-heading h2{max-width:760px;margin:0;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.02;letter-spacing:0}.compiler-copy p:last-child,.section-heading p:last-child{max-width:700px;margin:16px 0 0;color:var(--muted);line-height:1.55}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1480px;margin:0 auto}.example-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.055);overflow:hidden}.example-title{display:flex;align-items:center;gap:8px;min-height:54px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(5,8,10,.56)}.example-title svg{color:var(--amber)}.syntax-code{min-height:284px;margin:0;padding:20px;overflow:auto;color:#e6f7df;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;line-height:1.62;overflow-wrap:anywhere;white-space:pre-wrap}.diagnostics code,.editor-highlight code,.output-code code{display:block;min-width:max-content}.syntax-code code{display:block;min-width:0}.compiler-band{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#18201c}.compiler-copy,.workbench{max-width:1480px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;margin:0 auto}.panel{min-height:min(63svh,720px);border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.editor-panel,.output-panel{display:flex;flex-direction:column}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:12px;border-bottom:1px solid var(--line);background:var(--panel-strong)}.toolbar-title{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:800}.toolbar-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-panel .toolbar-title{flex:0 0 auto;min-width:118px}.output-actions{gap:8px}.namespace-field,.select-field{display:flex;align-items:center;gap:8px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.8rem}.select-field select{max-width:158px;border:0;outline:0;background:transparent;color:var(--ink);font-weight:700}.select-field option{background:#111719;color:var(--ink)}.namespace-field input{width:92px;border:0;outline:0;background:transparent;color:var(--ink);font-weight:700}.file-tabs .selected,.view-tabs .selected{border-color:rgba(123,214,111,.66);background:rgba(123,214,111,.16);color:var(--ink)}.editor-stack{flex:1 1;position:relative;min-height:440px;background:rgba(5,8,10,.76)}.editor-highlight,.source-editor{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:440px;margin:0;padding:22px;border:0;outline:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.7;tab-size:4;white-space:pre}.editor-highlight{overflow:hidden;color:#f8f2df;pointer-events:none}.source-editor{resize:none;overflow:auto;background:transparent;color:transparent;caret-color:#f8f2df;-webkit-text-fill-color:transparent}.source-editor::selection{background:rgba(104,184,255,.32)}.status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem}.status-strip span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.07)}.status-strip.failed span,.status-strip.pending span{background:transparent;padding:0}.status-strip.failed{color:var(--red)}.view-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid var(--line)}.view-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:34px;padding:0 8px;color:var(--muted);font-size:.8rem}.view-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);overflow-x:auto}.file-tabs button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;max-width:240px;min-height:34px;padding:0 10px;color:var(--muted)}.file-tabs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics,.output-code{flex:1 1;min-height:320px;max-height:none;margin:0;padding:22px;overflow:auto;background:rgba(5,8,10,.78);color:#e6f7df;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.62;white-space:pre}.diagnostics{color:#ffd2ca;white-space:pre-wrap}.tok-keyword{color:#68b8ff}.tok-command{color:#f1c363}.tok-string{color:#7bd66f}.tok-constant,.tok-number{color:#d7a8ff}.tok-comment{color:#8c9a88}.tok-selector{color:#ffb3a9}.tok-resource{color:#89ddff}.tok-call,.tok-helper,.tok-key{color:#f7f4ea}.tok-punctuation{color:#b7c1b0}.output-empty{display:grid;place-items:center;flex:1 1;min-height:320px;padding:20px;background:rgba(5,8,10,.78);color:var(--muted);text-align:center}.details-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#26302a}.detail{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:6px;min-height:126px;padding:30px clamp(24px,4vw,56px);background:#101719}.detail svg{grid-row:span 2;color:var(--amber)}.detail strong{font-size:.95rem}.detail span{color:var(--muted);line-height:1.45}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1360px){.workbench{grid-template-columns:1fr}.panel{min-height:520px}}@media (max-width:1500px) and (min-width:981px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card:nth-child(3){grid-column:1/-1}.syntax-code{min-height:224px}.example-card:nth-child(3) .syntax-code{min-height:180px}}@media (max-width:980px){.demo-shell,.home-hero{padding:16px 14px 36px}.details-band,.example-grid,.home-summary-band{grid-template-columns:1fr}.home-hero{min-height:auto}.home-hero-copy{padding-top:44px;padding-bottom:56px}.compiler-band,.examples-band{padding:46px 16px}.compiler-band{align-items:flex-start;flex-direction:column}.panel{min-height:520px}.editor-highlight,.editor-stack,.source-editor{min-height:420px}.diagnostics,.output-code,.output-empty{min-height:360px;max-height:420px}}@media (max-width:640px){.topbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:30px}.brand{width:100%}.nav-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.nav-link{width:100%;min-height:34px;padding:0 8px;font-size:.82rem}.nav-link svg{flex:0 0 auto}.home-hero-copy{padding-top:32px;padding-bottom:42px}.hero-actions{gap:10px}.hero-actions .command-button,.hero-actions .secondary-button{width:100%}.panel-toolbar{align-items:stretch;flex-direction:column;gap:12px}.toolbar-actions{width:100%;justify-content:space-between}.toolbar-title{width:100%}.namespace-field,.select-field{flex:0 0 100%;width:100%}.select-field select{max-width:none;width:100%}.namespace-field input{width:100%}.editor-panel .icon-button{flex:0 0 38px}.editor-panel .command-button{flex:1 1;min-width:114px}.output-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.output-actions .command-button,.output-actions .secondary-button{min-width:0;padding:0 8px}.panel{min-height:auto}.editor-highlight,.editor-stack,.source-editor{min-height:360px}.editor-highlight,.source-editor{padding:16px;font-size:.84rem;line-height:1.65}.view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostics,.output-code,.output-empty{min-height:300px;max-height:360px;padding:16px;font-size:.8rem}h1{font-size:3.4rem}.home-summary{min-height:78px;padding:18px}.detail{min-height:112px}.example-card pre{min-height:230px}}