:root,[data-osx-theme=aqua]{--osx-font: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;--osx-text: #243b4a;--osx-muted: #526671;--osx-border: #8d9ba5;--osx-border-soft: #c6d0d6;--osx-surface: #f4f7f9;--osx-surface-raised: #ffffff;--osx-surface-sunken: #e4eaee;--osx-title-start: #eef3f6;--osx-title-end: #bdc8cf;--osx-accent: #006da8;--osx-accent-light: #75c8f5;--osx-success: #2f9951;--osx-warning: #c9821e;--osx-danger: #c74d47;--osx-focus: rgba(35, 145, 218, .32);--osx-shadow: 0 14px 38px rgba(31, 49, 61, .24), 0 2px 7px rgba(31, 49, 61, .2);--osx-highlight: rgba(255, 255, 255, .86);color-scheme:light}[data-osx-theme=graphite]{--osx-accent: #506978;--osx-accent-light: #a7bac6;--osx-focus: rgba(91, 121, 140, .32)}[data-osx-theme=panther]{--osx-text: #e5edf2;--osx-muted: #93a3ad;--osx-border: #52616b;--osx-border-soft: #354149;--osx-surface: #1b2328;--osx-surface-raised: #273138;--osx-surface-sunken: #11181c;--osx-title-start: #465159;--osx-title-end: #293138;--osx-accent: #1594d6;--osx-accent-light: #54bced;--osx-success: #42ae67;--osx-warning: #dfa23b;--osx-danger: #e16059;--osx-focus: rgba(59, 177, 233, .38);--osx-shadow: 0 16px 42px rgba(0, 0, 0, .52), 0 2px 7px rgba(0, 0, 0, .46);--osx-highlight: rgba(255, 255, 255, .13);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}#components,#playground,#agents,#snippets,#ecosystem,#tokens{scroll-margin-top:78px}body{min-width:320px;margin:0;color:var(--osx-text);background:radial-gradient(circle at 70% 5%,color-mix(in srgb,var(--osx-accent) 14%,transparent),transparent 31%),var(--osx-surface-sunken);font-family:var(--osx-font);transition:color .2s,background .2s}a{color:inherit}main{min-height:100vh}.site-header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid var(--osx-border);background:color-mix(in srgb,var(--osx-surface-raised) 86%,transparent);box-shadow:0 1px var(--osx-highlight);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand span{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--osx-accent) 76%,#123);border-radius:7px;color:#fff;background:linear-gradient(var(--osx-accent-light),var(--osx-accent));box-shadow:0 1px #fff inset}.brand strong{font-size:14px}nav{display:flex;gap:25px}nav a{color:var(--osx-muted);font-size:12px;font-weight:700;text-decoration:none}nav a:hover{color:var(--osx-accent)}.hero{max-width:980px;display:grid;justify-items:center;margin:0 auto;padding:clamp(80px,11vw,150px) 24px 80px;text-align:center}.eyebrow{margin:0 0 12px;color:var(--osx-accent);font-size:12px;font-weight:800;letter-spacing:.18em}h1{max-width:920px;margin:0;font:500 clamp(42px,6.2vw,76px)/.98 Georgia,serif;letter-spacing:-.045em}.lede{max-width:680px;margin:27px 0;color:var(--osx-muted);font-size:clamp(16px,2vw,20px);line-height:1.55}.hero-actions{display:flex;gap:12px;align-items:center}.hero-actions code{padding:8px 12px;border:1px solid var(--osx-border-soft);border-radius:7px;color:var(--osx-muted);background:var(--osx-surface-raised);font-size:12px}.catalog{max-width:1220px;margin:0 auto;padding:90px 35px 55px}.catalog>header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.catalog h2{max-width:650px;margin:0;font:500 clamp(32px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.03em}.catalog-meta{display:grid;justify-items:end;gap:8px}.catalog-meta>span{padding:6px 10px;border:1px solid var(--osx-border);border-radius:13px;color:var(--osx-muted);background:var(--osx-surface-raised);font-size:12px;font-weight:700;white-space:nowrap}.catalog-meta>a,.card-doc{color:var(--osx-accent);font-size:12px;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-grid article{min-width:0;display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:16px;border:1px solid var(--osx-border-soft);border-radius:8px;background:linear-gradient(145deg,var(--osx-surface-raised),var(--osx-surface));box-shadow:0 1px var(--osx-highlight) inset,0 1px 2px #192d3a17}.catalog-grid article>span{color:var(--osx-accent);font-size:12px;font-weight:800;text-transform:uppercase}.catalog-grid strong{grid-column:1 / -1;overflow:hidden;color:var(--osx-text);font:600 13px ui-monospace,monospace;text-overflow:ellipsis}.catalog-grid p{grid-column:1 / -1;min-height:34px;margin:0;color:var(--osx-muted);font-size:12px;line-height:1.45}.catalog-grid b{grid-column:2;grid-row:1;padding:2px 6px;border:1px solid color-mix(in srgb,var(--osx-accent) 46%,var(--osx-border));border-radius:8px;color:var(--osx-accent);font-size:12px}.card-doc{grid-column:1 / -1;justify-self:start}.showcase{max-width:1220px;display:grid;grid-template-columns:minmax(250px,.66fr) minmax(600px,1.34fr);gap:clamp(35px,6vw,86px);align-items:start;margin:0 auto;padding:85px 35px 110px}.showcase-copy h2,.token-section h2{margin:0 0 18px;font:500 clamp(32px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.03em}.showcase-copy>p:not(.eyebrow){color:var(--osx-muted);font-size:14px;line-height:1.65}.showcase-copy osx-segmented-control{margin-top:16px}.demo-window{min-width:0}.preference-pane{min-height:340px}.settings-pane{padding:26px}.settings-pane h3{margin:0;font:500 23px Georgia,serif}.settings-pane p{color:var(--osx-muted);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0 16px}.option-row{display:flex;flex-wrap:wrap;gap:12px 22px}.button-row{display:flex;justify-content:flex-end;gap:8px;margin:28px 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--osx-muted);font-size:12px;font-weight:700}.agent-section{max-width:1220px;margin:0 auto;padding:90px 35px 70px}.agent-section>header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(30px,7vw,90px);align-items:end;margin-bottom:34px}.agent-section h2{max-width:720px;margin:0;font:500 clamp(32px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.03em}.agent-section>header>p{margin:0;color:var(--osx-muted);font-size:14px;line-height:1.65}.agent-inspector>p{margin:0 8px 6px;color:var(--osx-muted);font-size:12px;font-weight:800;letter-spacing:.1em}#agent-shell{height:760px}.agent-thread{min-height:410px}.agent-run-stack{display:grid;gap:10px;padding:14px 16px 18px 45px}.agent-inspector{padding:15px 12px}.agent-inspector>p:not(:first-child){margin-top:24px}.agent-inspector dl{display:grid;gap:9px;margin:0}.agent-inspector dl div{display:flex;gap:12px;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid var(--osx-border-soft)}.agent-inspector dt,.agent-inspector dd,.agent-inspector li{margin:0;font-size:12px}.agent-inspector dt{color:var(--osx-muted)}.agent-inspector dd{color:var(--osx-text);font-weight:700}.agent-inspector .pass{color:var(--osx-success)}.agent-inspector ul{display:grid;gap:8px;margin:0;padding-left:22px;color:var(--osx-muted)}.snippet-section{max-width:1120px;margin:0 auto;padding:90px 35px 75px}.snippet-section>header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(30px,7vw,90px);align-items:end;margin-bottom:34px}.snippet-section h2{max-width:650px;margin:0;font:500 clamp(32px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.03em}.snippet-section>header>p{margin:0;color:var(--osx-muted);font-size:14px;line-height:1.65}.snippet-actions{display:flex;gap:7px}.snippet-code{min-width:0;background:#0d151a}.snippet-meta{min-height:31px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:5px 12px;border-bottom:1px solid #34454f;color:#91a3ad;background:#121e24;font:12px ui-monospace,monospace}.snippet-meta span:first-child{color:#6ebfdf}.snippet-code pre{min-height:360px;max-height:520px;margin:0;overflow:auto;padding:18px;color:#dce8ef;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.snippet-code code{font:inherit}.ecosystem-section{max-width:1120px;margin:0 auto;padding:80px 35px 85px}.ecosystem-section>header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(30px,7vw,90px);align-items:end;margin-bottom:34px}.ecosystem-section h2{max-width:680px;margin:0;font:500 clamp(32px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.03em}.ecosystem-section>header>p{margin:0;color:var(--osx-muted);font-size:14px;line-height:1.65}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecosystem-grid osx-ecosystem-card{min-width:0}.token-section{max-width:1150px;margin:0 auto;padding:80px 35px 130px}.token-section h2{max-width:650px}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.token-grid article{min-width:0;display:grid;gap:7px;padding:15px;border:1px solid var(--osx-border-soft);border-radius:8px;background:var(--osx-surface-raised);box-shadow:0 1px var(--osx-highlight) inset}.token-grid i{height:55px;border:1px solid var(--osx-border);border-radius:5px;background:var(--swatch)}.token-grid strong{overflow:hidden;font:600 12px ui-monospace,monospace;text-overflow:ellipsis}.token-grid span{color:var(--osx-muted);font-size:12px;line-height:1.4}@media(max-width:900px){.catalog-grid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr}.agent-section>header,.snippet-section>header,.ecosystem-section>header{grid-template-columns:1fr}.token-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){html{scroll-padding-top:64px}#components,#playground,#agents,#snippets,#ecosystem,#tokens{scroll-margin-top:64px}.site-header{height:54px;padding-inline:16px}.site-header nav{display:none}.hero{padding:64px 20px 55px}h1{font-size:clamp(36px,11vw,48px);line-height:1.02}.lede{margin-block:22px;font-size:16px}.hero-actions{width:100%;flex-direction:column}.hero-actions code{max-width:100%;overflow-wrap:anywhere}.catalog{padding:64px 20px 44px}.catalog>header{display:grid;align-items:start}.catalog-grid{grid-template-columns:1fr}.showcase{gap:28px;padding:64px 12px 80px}.showcase-copy{padding-inline:8px}.showcase-copy osx-segmented-control{max-width:100%}.demo-window{width:100%}.preference-pane{--osx-primary-size: auto !important}.settings-pane{padding:20px 16px 24px}.settings-pane h3{font-size:21px}.field-grid{grid-template-columns:1fr;margin-top:20px}.option-row{display:grid;gap:12px}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:24px}.button-row #save-preferences{grid-column:1 / -1;justify-self:stretch}.agent-section{padding:64px 12px 60px}.agent-section>header{padding-inline:8px}#agent-shell{height:auto}.agent-run-stack{padding:12px}.snippet-section{padding:64px 12px 60px}.snippet-section>header{padding-inline:8px}.snippet-actions{width:100%}.snippet-code pre{min-height:320px;padding:13px}.ecosystem-section{padding:64px 20px 70px}.ecosystem-grid,.token-grid{grid-template-columns:1fr}.token-section{padding:64px 20px 90px}}.brand span{font:800 15px/1 Georgia,serif;text-shadow:0 -1px rgba(0,0,0,.35)}@media(max-width:380px){.brand strong{font-size:13px}.showcase{padding-inline:8px}.settings-pane{padding-inline:13px}}