:root{--paper:#e4e7ea;--paper-deep:#d8dce0;--proof:#fbfbf9;--ink:#15181c;--muted:#626a71;--line:#8f969d;--blue:#2354ff;--green:#2f7c59;--orange:#ad5d2a;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}::selection{background:var(--blue);color:#fff}.site-shell{background:var(--paper);min-height:100vh;overflow:hidden}.section-wrap,.site-header,.site-footer{width:min(calc(100% - 48px), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:68px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:17px;font-weight:900;display:inline-flex}.brand-mark{flex:0 0 22px;width:22px;height:22px;display:block}.site-nav{align-items:center;gap:26px;font:750 10px/1 Menlo,Consolas,monospace;display:flex}.site-nav a{border-bottom:1px solid #0000;padding:9px 0}.site-nav a:hover{border-color:var(--ink)}.site-nav .nav-github{background:var(--ink);color:var(--proof);border:0;padding:10px 12px}.eyebrow{color:var(--muted);letter-spacing:.08em;align-items:center;gap:9px;margin:0 0 15px;font:800 9px/1.2 Menlo,Consolas,monospace;display:flex}.eyebrow span{background:var(--blue);width:28px;height:2px}.primary-link,.copy-button{border:1px solid var(--ink);background:var(--blue);color:#fff;min-height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:0 15px;font-size:12px;font-weight:850;transition:transform .14s,box-shadow .14s;display:inline-flex}.primary-link:hover,.copy-button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.text-link{color:var(--muted);border-bottom:1px solid;align-self:flex-start;padding-bottom:3px;font-size:11px;font-weight:750}.text-link:hover{color:var(--ink)}.repo-hero{grid-template-columns:1.2fr .8fr;align-content:center;column-gap:76px;min-height:390px;padding-block:52px 42px;display:grid}.repo-hero-main h1{letter-spacing:-.06em;max-width:790px;margin:0;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(52px,7vw,88px);font-weight:900;line-height:.9}.repo-hero-side{align-self:end;padding-bottom:6px}.repo-hero-side p{max-width:430px;color:var(--muted);margin:0 0 23px;font-size:13px;line-height:1.75}.repo-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;gap:0;margin:39px 0 0;display:flex}.repo-stats div{border-right:1px solid var(--line);align-items:baseline;gap:9px;min-width:160px;margin-right:22px;padding:12px 22px 12px 0;display:flex}.repo-stats dt{font:900 20px/1 Arial Narrow,Avenir Next Condensed,sans-serif}.repo-stats dd{color:var(--muted);margin:0;font:700 9px/1 Menlo,Consolas,monospace}.flagship-hero{grid-template-columns:.67fr 1.33fr;align-items:center;gap:42px;min-height:690px;padding-block:50px 68px;display:grid}.flagship-copy h1{letter-spacing:-.06em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(55px,6.2vw,80px);font-weight:900;line-height:.9}.flagship-lead{max-width:420px;color:var(--muted);margin:26px 0 0;font-size:13px;line-height:1.75}.flagship-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.flagship-capture{aspect-ratio:16/10;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#120f0c;position:relative;overflow:hidden}.flagship-capture:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000006b,#0000 22% 64%,#000000b8);position:absolute;inset:0}.flagship-capture>img{object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1)}.flagship-capture:hover>img{transform:scale(1.012)}.capture-label,.capture-caption{z-index:2;color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.capture-label{letter-spacing:.04em;font:750 8px/1 Menlo,Consolas,monospace;top:17px}.capture-label b{background:#0a0a0aad;border:1px solid #ffffff6b;padding:7px 9px;font-weight:800}.capture-caption{align-items:end;bottom:18px}.capture-caption span{font:700 9px/1 Menlo,Consolas,monospace}.capture-caption strong{letter-spacing:-.04em;font-size:22px}.studio{grid-template-columns:.72fr 1.28fr;align-items:center;gap:36px;min-height:720px;padding-block:46px 68px;display:grid}.studio-copy{min-width:0}.studio-copy h1{letter-spacing:-.062em;max-width:540px;margin:0;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(54px,6vw,78px);font-weight:900;line-height:.88}.studio-lead{max-width:475px;color:var(--muted);margin:23px 0 0;font-size:13px;line-height:1.72}.studio-trust{border-block:1px solid var(--line);flex-wrap:wrap;gap:0;margin-top:20px;display:flex}.studio-trust span{border-right:1px solid var(--line);color:var(--muted);text-transform:uppercase;margin-right:11px;padding:9px 11px 9px 0;font:750 7px/1 Menlo,Consolas,monospace}.studio-trust span:last-child{border:0;margin-right:0}.studio-drop{border:1px dashed var(--ink);background:color-mix(in srgb, var(--proof) 56%, transparent);margin-top:22px;padding:11px;position:relative}.studio-drop.has-image{background:0 0;border-style:solid}.studio-drop input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.studio-upload{border:1px solid var(--ink);background:var(--proof);width:100%;min-height:55px;color:var(--ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.studio-upload span{font-size:11px;font-weight:850}.studio-upload b{color:var(--muted);font:700 7px/1 Menlo,Consolas,monospace}.studio-drop>p{color:var(--muted);text-align:center;margin:8px 0 0;font:700 8px/1 Menlo,Consolas,monospace}.studio-recipes{border:0;min-width:0;margin:18px 0 0;padding:0}.studio-recipes legend{color:var(--ink);letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;padding:0;font:800 8px/1 Menlo,Consolas,monospace}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.recipe-card{min-width:0;min-height:158px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #aeb4ba;grid-template-rows:58px auto;align-content:start;gap:8px;padding:8px;display:grid}.recipe-card[aria-pressed=true]{border-color:var(--ink);background:var(--proof);box-shadow:inset 3px 0 0 var(--blue)}.recipe-card:disabled{opacity:.58;cursor:wait}.recipe-swatch{border:1px solid color-mix(in srgb, var(--recipe-accent) var(--recipe-border-alpha), #11151a);background:var(--recipe-surface);isolation:isolate;width:100%;min-width:0;height:58px;position:relative;overflow:hidden}.recipe-swatch>i{font-style:normal;display:block;position:absolute}.recipe-art{z-index:-3;opacity:var(--recipe-visibility);background-image:var(--recipe-image), linear-gradient(135deg, var(--recipe-primary) 0 55%, var(--recipe-highlight) 55% 100%);background-position:var(--recipe-position), center;filter:blur(var(--recipe-art-blur)) saturate(var(--recipe-saturation)) contrast(var(--recipe-contrast));transform:scale(var(--recipe-art-zoom));background-repeat:no-repeat;background-size:cover,cover;inset:-6%}.recipe-backdrop{z-index:-2;background:rgba(5, 6, 9, var(--recipe-overlay));inset:0}.recipe-material-sidebar{z-index:1;background:color-mix(in srgb, var(--recipe-surface) var(--recipe-sidebar-alpha), transparent);border-right:1px solid color-mix(in srgb, var(--recipe-accent) var(--recipe-border-alpha), transparent);width:29%;-webkit-backdrop-filter:blur(var(--recipe-sidebar-blur));backdrop-filter:blur(var(--recipe-sidebar-blur));inset:0 auto 0 0}.recipe-material-main{z-index:1;background:color-mix(in srgb, var(--recipe-surface) var(--recipe-main-alpha), transparent);-webkit-backdrop-filter:blur(var(--recipe-main-blur));backdrop-filter:blur(var(--recipe-main-blur));inset:0 0 0 29%}.recipe-material-composer{z-index:2;border:1px solid color-mix(in srgb, var(--recipe-accent) var(--recipe-border-alpha), transparent);border-radius:var(--recipe-radius);background:color-mix(in srgb, var(--recipe-surface-raised) var(--recipe-composer-alpha), transparent);height:12px;box-shadow:var(--recipe-shadow);-webkit-backdrop-filter:blur(var(--recipe-composer-blur));backdrop-filter:blur(var(--recipe-composer-blur));bottom:9px;left:39%;right:9%}.recipe-card-copy{align-content:start;gap:5px;min-width:0;display:grid}.recipe-card-copy b{letter-spacing:-.02em;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:13px;line-height:1}.recipe-card-copy small,.recipe-card em{color:var(--muted);overflow-wrap:anywhere;font:650 7px/1.4 Menlo,Consolas,monospace}.recipe-card em{color:var(--blue);align-self:end}.studio-advanced{border-top:1px solid var(--ink);margin-top:13px}.studio-advanced summary{min-height:44px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-items:center;gap:10px;font:800 8px/1 Menlo,Consolas,monospace;list-style:none;display:flex}.studio-advanced summary::-webkit-details-marker{display:none}.studio-advanced summary:after{content:"+";color:var(--blue);margin-left:auto;font-size:13px}.studio-advanced[open] summary:after{content:"−"}.studio-controls{border-top:1px solid #b8bdc2;margin-top:0}.studio-controls>label{border-bottom:1px solid #b8bdc2;padding:9px 0;display:block}.studio-controls label>span,.position-pair>span{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:7px;font:750 8px/1 Menlo,Consolas,monospace;display:flex}.studio-controls output{color:var(--ink);font:inherit}.studio-controls input[type=range]{width:100%;height:16px;accent-color:var(--blue);cursor:ew-resize;margin:0}.studio-controls input:disabled,.studio-reset:disabled{opacity:.55;cursor:wait}.position-pair{border-bottom:1px solid #b8bdc2;padding:9px 0}.position-pair label{grid-template-columns:18px 1fr;align-items:center;display:grid}.position-pair small{color:var(--muted);font:750 7px/1 Menlo,Consolas,monospace}.studio-reset{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:5px;padding:0 0 3px;font:750 8px/1 Menlo,Consolas,monospace}.studio-reset:hover{color:var(--ink)}.studio-action{flex-wrap:wrap;align-items:center;gap:15px;margin-top:18px;display:flex}.studio-action .primary-link:disabled{opacity:.55;cursor:wait;box-shadow:3px 3px 0 var(--ink);transform:none}.studio-action>p{color:var(--muted);margin:0;font:700 7px/1.45 Menlo,Consolas,monospace}.studio-sample-link{cursor:pointer;background:0 0;border:0;border-bottom:1px solid}.studio-result{border-top:2px solid var(--ink);margin-top:18px;padding-top:14px}.studio-result>p{color:var(--green);margin:0 0 8px;font:800 7px/1.4 Menlo,Consolas,monospace}.studio-result code{background:var(--ink);color:#eef0f2;overflow-wrap:anywhere;max-height:66px;padding:11px;font:700 9px/1.5 Menlo,Consolas,monospace;display:block;overflow:auto}.studio-result .install-copy-actions{margin-top:8px}.studio-result>.studio-private-note{color:var(--muted);margin:10px 0 0;font:650 8px/1.55 Menlo,Consolas,monospace}.studio-message{color:var(--green);margin:12px 0 0;font-size:10px;line-height:1.55}.studio-message.is-error{color:#a52f39}.codex-mockup{--studio-accent:#d95764;--studio-accent-soft:#8f3847;--studio-surface:#170d10;--studio-surface-raised:#1e1216;--studio-ink:#f4f1eb;--studio-muted-ink:#b9bbc1;aspect-ratio:16/10;background:var(--studio-surface);width:100%;color:var(--studio-ink);box-shadow:9px 11px 0 var(--ink), 0 34px 74px #15181c36;isolation:isolate;border:1px solid #0c0e10;border-radius:18px;margin:0;position:relative;overflow:hidden}.codex-mockup-art{z-index:-3;opacity:var(--studio-visibility);background-position:var(--studio-position);filter:blur(var(--studio-blur)) saturate(var(--studio-saturation)) contrast(var(--studio-image-contrast));transform:scale(var(--studio-zoom));background-size:cover;position:absolute;inset:-5%}.codex-mockup-shade{z-index:-2;background:rgba(5, 6, 9, var(--studio-overlay));position:absolute;inset:0}.mockup-window-bar{z-index:5;background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-header-alpha), transparent);border-bottom:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);height:7.8%;-webkit-backdrop-filter:blur(var(--studio-header-blur));backdrop-filter:blur(var(--studio-header-blur));align-items:center;gap:7px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.traffic-light{border-radius:50%;width:8px;height:8px}.traffic-light.is-red{background:#ff5f57}.traffic-light.is-amber{background:#febc2e}.traffic-light.is-green{background:#28c840}.mockup-window-bar i{color:color-mix(in srgb, var(--studio-muted-ink) 78%, transparent);margin-left:16px;font:17px/1 sans-serif}.mockup-window-bar i+i{margin-left:1px}.mockup-sidebar{z-index:2;background:color-mix(in srgb, var(--studio-surface) var(--studio-sidebar-alpha), transparent);border-right:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);width:25%;-webkit-backdrop-filter:blur(var(--studio-sidebar-blur)) saturate(1.08);backdrop-filter:blur(var(--studio-sidebar-blur)) saturate(1.08);flex-direction:column;padding:16px 13px 12px;font-size:clamp(6px,.65vw,10px);display:flex;position:absolute;top:7.8%;bottom:0;left:0}.mockup-sidebar strong{border-radius:var(--studio-radius);margin-bottom:8px;padding:4px 6px;font-size:1.28em}.mockup-sidebar strong small{color:var(--studio-accent)}.mockup-sidebar nav{gap:3px;display:grid}.mockup-sidebar nav span{border-radius:var(--studio-radius);opacity:.93;align-items:center;gap:6px;padding:5px 6px;display:flex}.mockup-sidebar nav i{text-align:center;min-width:1.2em}.mockup-sidebar>p{color:color-mix(in srgb, var(--studio-muted-ink) 72%, transparent);margin:12px 0 7px;font-weight:700}.mockup-sidebar>b{border:1px solid color-mix(in srgb, var(--studio-accent) 44%, transparent);border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-accent-soft) var(--studio-selection-alpha), transparent);box-shadow:inset 3px 0 0 var(--studio-accent);padding:7px 8px;font-weight:700}.mockup-sidebar>b i{color:var(--studio-accent);margin-right:6px;font-style:normal}.mockup-project{opacity:.88;padding:6px 8px}.mockup-muted{opacity:.32}.mockup-sidebar footer{border-top:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);justify-content:space-between;margin-top:auto;padding-top:10px;display:flex}.mockup-sidebar footer i{font-style:normal}.mockup-main{z-index:1;background:color-mix(in srgb, var(--studio-surface) var(--studio-main-alpha), transparent);-webkit-backdrop-filter:blur(var(--studio-main-blur)) saturate(1.03);backdrop-filter:blur(var(--studio-main-blur)) saturate(1.03);padding:7.5% 5% 12%;position:absolute;inset:7.8% 0 0 25%}.mockup-home{flex-direction:column;justify-content:center;height:100%;display:flex}.mockup-home header{text-shadow:0 2px 10px #000000ad;margin:0 0 7% 4%}.mockup-sigil{text-align:center;border:1px solid #0000;border-radius:50%;place-items:center;width:29px;height:29px;margin-bottom:10px;font-size:13px;display:grid}.mockup-home h3{letter-spacing:-.04em;margin:0;font-size:clamp(14px,1.8vw,27px)}.mockup-home p{color:color-mix(in srgb, var(--studio-muted-ink) 84%, transparent);margin:7px 0 0;font-size:clamp(6px,.7vw,10px)}.mockup-prompts{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mockup-prompts>span{border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-header-alpha), transparent);min-height:92px;-webkit-backdrop-filter:blur(var(--studio-header-blur));backdrop-filter:blur(var(--studio-header-blur));flex-direction:column;justify-content:end;padding:10px;font-size:clamp(6px,.62vw,9px);line-height:1.35;display:flex}.mockup-prompts i{text-align:center;border:1px solid #0000;border-radius:50%;place-items:center;width:26px;height:26px;margin:0 auto 17px;display:grid}.mockup-session{color:var(--studio-ink);background:0 0;position:absolute;inset:0}.mockup-session>header{border-bottom:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-header-alpha), transparent);height:12%;-webkit-backdrop-filter:blur(var(--studio-header-blur));backdrop-filter:blur(var(--studio-header-blur));justify-content:space-between;align-items:center;padding:0 4%;font-size:clamp(6px,.72vw,11px);display:flex}.mockup-header-control{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.mockup-header-control i{letter-spacing:.08em;font-style:normal}.mockup-session-body{grid-template-columns:minmax(0,1fr) minmax(92px,31%);gap:12px;height:72%;padding:4% 4% 0;display:grid;overflow:hidden}.mockup-thread{min-width:0;margin:0;font-size:clamp(6px,.7vw,10px);line-height:1.5}.mockup-user{border:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-header-alpha), transparent);margin:0 0 18px 20%;padding:10px 12px}.mockup-agent{gap:9px;display:flex}.mockup-agent b{color:var(--studio-accent)}.mockup-thread pre{border:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-surface) var(--studio-code-alpha), transparent);color:var(--studio-ink);font-size:inherit;margin:16px 0 0 20px;padding:10px 12px;overflow:hidden}.mockup-session-rail{flex-direction:column;gap:8px;min-width:0;display:flex}.mockup-summary,.mockup-menu{border:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-header-alpha), transparent);-webkit-backdrop-filter:blur(var(--studio-header-blur));backdrop-filter:blur(var(--studio-header-blur));padding:7px}.mockup-summary>span{color:color-mix(in srgb, var(--studio-muted-ink) 68%, transparent);text-transform:uppercase;letter-spacing:.06em;margin:0 3px 4px;font:700 clamp(5px,.48vw,7px)/1.2 Menlo,Consolas,monospace;display:block}.mockup-summary-control{border-radius:calc(var(--studio-radius) * .72);align-items:center;gap:6px;padding:5px;font-size:clamp(5px,.56vw,8px);display:flex}.mockup-summary-control>i{text-align:center;flex:0 0 16px;width:16px;font-style:normal}.mockup-summary-control>span{gap:1px;min-width:0;display:grid}.mockup-summary-control b,.mockup-summary-control small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mockup-summary-control small{color:color-mix(in srgb, var(--studio-muted-ink) 72%, transparent);font-size:.82em}.mockup-menu{gap:2px;padding:5px;display:grid}.mockup-menu-control{border-radius:calc(var(--studio-radius) * .72);white-space:nowrap;align-items:center;gap:6px;padding:5px;font-size:clamp(5px,.53vw,8px);display:flex}.mockup-menu-control i{text-align:center;width:14px;font-style:normal}.mockup-composer{z-index:4;border:1px solid color-mix(in srgb, var(--studio-accent) var(--studio-border-alpha), transparent);border-radius:var(--studio-radius);background:color-mix(in srgb, var(--studio-surface-raised) var(--studio-composer-alpha), transparent);height:10.5%;box-shadow:var(--studio-shadow);color:color-mix(in srgb, var(--studio-muted-ink) 74%, transparent);-webkit-backdrop-filter:blur(var(--studio-composer-blur)) saturate(1.08);backdrop-filter:blur(var(--studio-composer-blur)) saturate(1.08);justify-content:space-between;align-items:center;padding:0 12px;font-size:clamp(6px,.68vw,10px);display:flex;position:absolute;bottom:4.5%;left:5%;right:5%}.mockup-sidebar-control,.mockup-header-control,.mockup-summary-control,.mockup-menu-control,.mockup-prompt-control,.mockup-composer-secondary{border:1px solid #0000;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s}.mockup-sidebar nav i,.mockup-prompts i,.mockup-sigil,.mockup-agent>i,.mockup-summary-control i,.mockup-menu-control i,.mockup-header-control i,.mockup-composer-secondary{color:color-mix(in srgb, var(--studio-muted-ink) 82%, transparent);filter:none;font-style:normal}.mockup-sidebar-control:hover,.mockup-sidebar-control:focus-visible,.mockup-sidebar-control.is-hover-preview,.mockup-header-control:hover,.mockup-header-control:focus-visible,.mockup-header-control.is-hover-preview,.mockup-summary-control:hover,.mockup-summary-control:focus-visible,.mockup-summary-control.is-hover-preview,.mockup-menu-control:hover,.mockup-menu-control:focus-visible,.mockup-menu-control.is-hover-preview,.mockup-prompt-control:hover,.mockup-prompt-control:focus-visible,.mockup-prompt-control.is-hover-preview,.mockup-composer-secondary:hover,.mockup-composer-secondary:focus-visible,.mockup-composer-secondary.is-hover-preview{color:var(--studio-accent);background:color-mix(in srgb, var(--studio-accent) var(--studio-icon-hover-surface-alpha), transparent);border-color:color-mix(in srgb, var(--studio-accent) var(--studio-icon-hover-border-alpha), transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-accent) var(--studio-icon-hover-border-alpha), transparent), 0 0 18px color-mix(in srgb, var(--studio-accent) var(--studio-icon-hover-glow-alpha), transparent)}.mockup-sidebar-control:is(:hover,:focus-visible,.is-hover-preview) i,.mockup-header-control:is(:hover,:focus-visible,.is-hover-preview) i,.mockup-summary-control:is(:hover,:focus-visible,.is-hover-preview) i,.mockup-menu-control:is(:hover,:focus-visible,.is-hover-preview) i,.mockup-prompt-control:is(:hover,:focus-visible,.is-hover-preview) i{color:var(--studio-accent)}.mockup-sidebar-control.mockup-selected{color:var(--studio-ink);background:color-mix(in srgb, var(--studio-accent-soft) var(--studio-selection-alpha), transparent);border-color:color-mix(in srgb, var(--studio-accent) 44%, transparent);box-shadow:inset 3px 0 0 var(--studio-accent)}.mockup-composer-actions{align-items:center;gap:7px;display:flex}.mockup-composer-secondary{border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.mockup-composer-primary{width:25px;height:25px;color:var(--studio-surface);background:var(--studio-ink);border:1px solid #0000;border-color:color-mix(in srgb, var(--studio-ink) 82%, white);border-radius:50%;place-items:center;font-style:normal;display:grid}.mockup-mode{z-index:8;background:#050608b8;border:1px solid #ffffff2e;padding:2px;display:flex;position:absolute;top:2.1%;right:13px}.mockup-mode button{color:#aeb2b7;cursor:pointer;background:0 0;border:0;min-width:48px;min-height:24px;padding:0 8px;font:750 7px/1 Menlo,Consolas,monospace}.mockup-mode button[aria-pressed=true]{background:var(--studio-accent);color:var(--studio-surface)}.codex-mockup figcaption{z-index:8;pointer-events:none;color:color-mix(in srgb, var(--studio-muted-ink) 68%, transparent);letter-spacing:.05em;justify-content:space-between;font:700 6px/1 Menlo,Consolas,monospace;display:flex;position:absolute;bottom:10px;left:13px;right:13px}.codex-mockup figcaption b{color:var(--studio-accent)}.gallery-section{border-top:1px solid var(--ink);padding-block:64px 86px}.gallery-head{grid-template-columns:1fr .72fr;align-items:end;gap:60px;margin-bottom:30px;display:grid}.gallery-head h2,.install-title h2,.contribute h2{letter-spacing:-.045em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(35px,4vw,52px);line-height:.95}.gallery-head>p{color:var(--muted);margin:0 0 3px;font-size:12px;line-height:1.7}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.theme-card{border:1px solid var(--ink);background:var(--proof);min-width:0;transition:transform .18s,box-shadow .18s;box-shadow:0 7px #15181c1a}.theme-card:hover{box-shadow:0 10px 0 color-mix(in srgb, var(--accent) 20%, #15181c1a);transform:translateY(-3px)}.card-preview{aspect-ratio:16/10;border-bottom:1px solid var(--ink);background:var(--theme-surface);position:relative;overflow:hidden}.card-preview>img{object-fit:cover;width:100%;height:100%;display:block}.card-preview-top{z-index:2;color:#fff;text-shadow:0 1px 5px #0000008c;justify-content:space-between;align-items:center;font:750 7px/1 Menlo,Consolas,monospace;display:flex;position:absolute;top:10px;left:10px;right:10px}.status-badge{background:var(--proof);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:6px 7px;font:800 7px/1 Menlo,Consolas,monospace;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.is-available{color:var(--green)}.status-badge.is-coming{color:var(--orange)}.preview-placeholder{color:var(--proof);background:var(--theme-surface);flex-direction:column;justify-content:end;align-items:flex-start;padding:18px;display:flex;position:absolute;inset:0}.preview-placeholder:after{content:"";background:var(--accent);opacity:.75;width:42%;height:2px;position:absolute;top:36%;right:-7%;transform:rotate(-34deg)}.preview-placeholder i{aspect-ratio:1;border:1px solid var(--accent);opacity:.55;border-radius:50%;width:42%;position:absolute;top:9%;right:-8%}.preview-placeholder span{z-index:1;color:color-mix(in srgb, var(--accent) 80%, white);margin-bottom:5px;font:750 7px/1 Menlo,Consolas,monospace;position:relative}.preview-placeholder b{z-index:1;font-size:13px;position:relative}.card-view-toggle{z-index:3;background:#000000b8;padding:3px;display:flex;position:absolute;bottom:10px;right:10px}.card-view-toggle button{color:#b8bdc3;cursor:pointer;background:0 0;border:0;padding:6px 8px;font:750 7px/1 Menlo,Consolas,monospace}.card-view-toggle button.active{background:var(--proof);color:var(--ink)}.card-view-toggle button:disabled{opacity:.35;cursor:not-allowed}.card-body{padding:18px 17px 16px}.card-title-row{justify-content:space-between;align-items:end;gap:14px;display:flex}.card-title-row h3{letter-spacing:-.025em;margin:0;font-size:17px}.card-title-row h3 a:hover{color:var(--blue)}.card-title-row p{color:var(--muted);margin:4px 0 0;font:700 8px/1.2 Menlo,Consolas,monospace}.accent-chip{color:var(--muted);align-items:center;gap:5px;font:700 7px/1 Menlo,Consolas,monospace;display:flex}.accent-chip i{background:var(--accent);border-radius:50%;width:8px;height:8px}.card-description{min-height:43px;color:var(--muted);margin:16px 0 15px;font-size:11px;line-height:1.6}.card-foot{border-top:1px solid #c5c9cd;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.card-foot ul{gap:5px;margin:0;padding:0;list-style:none;display:flex}.card-foot li{background:var(--paper);color:var(--muted);padding:4px 5px;font:700 7px/1 Menlo,Consolas,monospace}.card-foot>a{white-space:nowrap;font-size:9px;font-weight:850}.card-foot>a:hover{color:var(--blue)}.install-strip{border-top:1px solid var(--ink);grid-template-columns:.8fr 1.45fr auto;align-items:end;gap:45px;padding-block:64px;display:grid}.install-title h2{font-size:36px}.install-strip ol{border:1px solid var(--ink);background:var(--proof);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.install-strip li{border-right:1px solid var(--ink);min-height:108px;padding:14px}.install-strip li:last-child{border:0}.install-strip li b{color:var(--blue);font:850 8px/1 Menlo,Consolas,monospace;display:block}.install-strip li span{margin-top:42px;font-size:10px;font-weight:750;display:block}.contribute{border-top:1px solid var(--ink);grid-template-columns:1fr .8fr;align-items:end;gap:70px;padding-block:70px;display:grid}.contribute>div:last-child p{max-width:470px;color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.7}.safety-line{border-top:1px solid var(--ink);flex-wrap:wrap;gap:8px;padding-block:20px;display:flex}.safety-line span{border:1px solid var(--line);background:var(--proof);color:var(--muted);padding:7px 9px;font:700 8px/1 Menlo,Consolas,monospace}.safety-line a{align-self:center;margin-left:auto;font-size:9px;font-weight:850}.site-footer{border-top:1px solid var(--ink);grid-template-columns:1fr auto;align-items:center;gap:28px;min-height:150px;display:grid}.site-footer>div p{color:var(--muted);margin:9px 0 0;font-size:10px}.footer-links{gap:22px;font:750 9px/1 Menlo,Consolas,monospace;display:flex}.site-footer>span{color:var(--muted);grid-column:1/-1;margin-top:-46px;font:650 7px/1 Menlo,Consolas,monospace}.subpage{padding-block:42px 88px}.back-link{border-bottom:1px solid var(--ink);color:var(--muted);margin-bottom:50px;padding-bottom:3px;font-size:10px;font-weight:750;display:inline-block}.detail-head{grid-template-columns:1fr .8fr;align-items:end;gap:70px;margin-bottom:40px;display:grid}.detail-index{color:var(--blue);font:800 9px/1 Menlo,Consolas,monospace}.detail-head h1{letter-spacing:-.055em;margin:13px 0 4px;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(52px,7vw,84px);line-height:.9}.detail-en{color:var(--muted);margin:0;font:750 10px/1 Menlo,Consolas,monospace}.detail-summary>p{color:var(--muted);margin:17px 0 22px;font-size:13px;line-height:1.7}.detail-summary dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.detail-summary dl div{padding:10px 9px 0 0}.detail-summary dt{color:var(--muted);font:700 7px/1 Menlo,Consolas,monospace}.detail-summary dd{margin:5px 0 0;font-size:9px;font-weight:750}.preview-stack{gap:18px;display:grid}.detail-preview{border:1px solid var(--ink);background:var(--proof);margin:0}.detail-preview figcaption{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:39px;padding:0 13px;font:750 8px/1 Menlo,Consolas,monospace;display:flex}.detail-preview figcaption b{color:var(--muted);font-weight:700}.detail-preview>img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.detail-preview-empty{background:var(--theme-surface);min-height:490px;color:var(--proof);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail-preview-empty:before{content:"";border:1px solid var(--accent);opacity:.38;border-radius:50%;width:380px;height:380px;position:absolute;top:-150px;right:-110px}.detail-preview-empty i{border:8px solid var(--accent);border-radius:50%;width:34px;height:34px;margin-bottom:20px}.detail-preview-empty span{color:color-mix(in srgb, var(--accent) 78%, white);font:800 8px/1 Menlo,Consolas,monospace}.detail-preview-empty strong{margin-top:8px;font-size:18px}.detail-preview-empty p{color:#aeb3b9;margin:8px 0 0;font-size:10px}.apply-panel,.coming-panel{border:1px solid var(--ink);background:var(--proof);grid-template-columns:1.15fr .85fr;gap:70px;margin-top:55px;padding:40px;display:grid}.apply-panel h2,.coming-panel h2{letter-spacing:-.04em;margin:0 0 12px;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:38px}.apply-panel p,.coming-panel p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.7}.command-box,.inline-code{overflow-wrap:anywhere;background:var(--ink);color:#e7e9ec;margin-top:20px;padding:14px;font:700 10px/1.55 Menlo,Consolas,monospace;display:block}.copy-row{margin-top:10px}.install-copy-actions{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.terminal-copy{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 2px;font-size:9px;font-weight:800}.terminal-copy:hover{color:var(--ink)}.terminal-copy:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.install-copy-status{color:var(--green);margin:11px 0 0;font:700 9px/1.45 Menlo,Consolas,monospace}.apply-side{border-left:1px solid var(--line);padding-left:30px}.apply-side h3{margin:0 0 15px;font-size:13px}.apply-side ul{margin:0 0 23px;padding:0;list-style:none}.apply-side li{color:var(--muted);border-top:1px solid #c7cbd0;padding:10px 0;font-size:10px}.coming-panel{background:var(--ink);color:var(--proof);align-items:end}.coming-panel .eyebrow,.coming-panel p{color:#aeb3b9}.coming-panel .primary-link{justify-self:end}.article-page{max-width:820px;margin:0 auto}.article-page .back-link{margin-bottom:70px}.article-page h1{letter-spacing:-.055em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,PingFang SC,sans-serif;font-size:clamp(52px,7vw,80px);line-height:.92}.article-lead{max-width:680px;color:var(--muted);margin:24px 0 55px;font-size:15px;line-height:1.75}.article-block{border-top:1px solid var(--line);padding:25px 0}.article-block h2{margin:0 0 10px;font-size:18px}.article-block p{color:var(--muted);font-size:12px;line-height:1.75}.article-link{color:var(--blue);border-bottom:1px solid;font-weight:750}.not-found{text-align:center;place-items:center;min-height:70vh;display:grid}@media (max-width:980px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repo-hero{column-gap:38px}.flagship-hero{grid-template-columns:.75fr 1.25fr;gap:28px;min-height:600px}.gallery-head,.detail-head{gap:35px}.install-strip{grid-template-columns:1fr;align-items:start}.install-strip .text-link{justify-self:start}.studio{grid-template-columns:1fr;gap:38px}.studio-copy{max-width:690px}.codex-mockup{max-width:850px}}@media (max-width:720px){.section-wrap,.site-header,.site-footer{width:min(calc(100% - 28px), var(--max))}.site-header{height:62px}.site-nav{gap:14px}.site-nav a:nth-child(2),.site-nav a:nth-child(3){display:none}.repo-hero,.flagship-hero,.gallery-head,.contribute,.detail-head,.apply-panel,.coming-panel{grid-template-columns:1fr}.studio{min-height:0;padding-block:43px 58px}.studio-copy h1{font-size:54px}.studio-upload{flex-direction:column;justify-content:center;align-items:flex-start}.recipe-grid{grid-template-columns:1fr}.recipe-card{grid-template-rows:auto;grid-template-columns:minmax(112px,.38fr) 1fr;align-items:center;min-height:0}.recipe-card em{grid-column:2}.codex-mockup{box-shadow:5px 6px 0 var(--ink);border-radius:12px}.mockup-window-bar{gap:4px;padding-inline:10px}.traffic-light{width:6px;height:6px}.mockup-window-bar i{margin-left:7px;font-size:12px}.mockup-sidebar{padding:10px 8px 8px}.mockup-sidebar nav{gap:6px}.mockup-sidebar>p{margin:10px 0 4px}.mockup-sidebar>b,.mockup-project{padding:4px}.mockup-prompts>span{min-height:60px;padding:6px}.mockup-prompts i{width:18px;height:18px;margin-bottom:7px}.mockup-header-control{width:18px;height:18px}.mockup-session-body{grid-template-columns:minmax(0,1fr) minmax(74px,34%);gap:6px;padding:3% 3% 0}.mockup-user{margin:0 0 8px 8%;padding:6px}.mockup-agent{gap:4px}.mockup-thread pre{margin:8px 0 0 8px;padding:6px}.mockup-session-rail{gap:4px}.mockup-summary,.mockup-menu{padding:3px}.mockup-summary>span{margin:0 2px 2px}.mockup-summary-control,.mockup-menu-control{gap:3px;padding:3px}.mockup-summary-control>i{flex-basis:12px;width:12px}.mockup-menu-control i{width:10px}.mockup-composer{padding-inline:7px;left:4%;right:4%}.mockup-composer-secondary,.mockup-composer-primary{width:18px;height:18px}.mockup-mode{right:7px}.mockup-mode button{min-width:39px;min-height:19px}.repo-hero{gap:24px;min-height:0;padding-block:48px 36px}.flagship-hero{gap:34px;min-height:0;padding-block:48px 58px}.flagship-copy h1{font-size:55px}.flagship-capture{box-shadow:5px 5px 0 var(--ink)}.repo-hero-main h1{font-size:55px}.repo-hero-side{padding:0}.repo-stats{margin-top:8px;overflow-x:auto}.repo-stats div{min-width:130px}.gallery-section{padding-block:50px 65px}.gallery-head{gap:20px}.gallery-head h2{font-size:40px}.theme-grid,.install-strip ol{grid-template-columns:1fr}.install-strip li{border-right:0;border-bottom:1px solid var(--ink);min-height:88px}.install-strip li span{margin-top:28px}.contribute{gap:24px}.safety-line a{width:100%;margin:9px 0 0}.site-footer{grid-template-columns:1fr;padding-block:35px}.footer-links{flex-wrap:wrap}.site-footer>span{grid-column:auto;margin:0;line-height:1.5}.subpage{padding-block:32px 65px}.back-link{margin-bottom:38px}.detail-summary dl{grid-template-columns:1fr}.detail-preview-empty{min-height:280px}.apply-panel,.coming-panel{gap:28px;padding:24px}.apply-side{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.coming-panel .primary-link{justify-self:start}}@media (max-width:480px){.mockup-sidebar{padding:6px 5px 5px}.mockup-sidebar strong{margin-bottom:3px;padding:2px 4px}.mockup-sidebar nav{gap:1px}.mockup-sidebar nav span{padding:2px 4px}.mockup-sidebar>p{margin:5px 0 2px}.mockup-sidebar>b,.mockup-project{padding:2px 4px}.mockup-sidebar .mockup-sidebar-optional{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}