@layer base{.install{background:var(--stone-100);isolation:isolate;flex-direction:column;align-items:center;width:100%;min-height:648px;padding:100px;display:flex;position:relative;overflow:hidden}.install__inner{z-index:1;width:100%;max-width:var(--content-w,1240px);flex-direction:column;align-items:center;gap:48px;margin:0 auto;display:flex;position:relative}.install__head{text-align:left;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:24px;max-width:720px;display:flex}.install__tabs{justify-content:center;margin-top:8px;display:flex}.install__terminal-wrap{flex-direction:column;align-items:center;gap:48px;width:880px;max-width:100%;display:flex}.install__terminal{border-radius:22px;width:100%;overflow:hidden}.install__terminal-head{border-bottom:1px solid var(--ink-6);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.install__terminal-title{color:var(--fg-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.install__docs-link{color:var(--fg-muted);transition:color var(--dur-fast)var(--ease-out-soft);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.install__docs-link:hover{color:var(--fg)}.install__terminal-body{justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 24px 24px;display:flex}.install__terminal-pre{contain:layout style;font-family:var(--font-mono);color:var(--fg);word-break:break-all;white-space:pre-wrap;flex:1;margin:0;font-size:14px;line-height:1.6}.install__terminal-prompt{color:var(--fg)}.install__terminal-typed{white-space:pre-wrap}.install__terminal-caret{vertical-align:text-bottom;background:var(--fg);width:7px;height:14px;margin-left:1px;animation:1s steps(2,end) infinite install-caret-blink;display:inline-block}@keyframes install-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.install__terminal-caret{opacity:1;animation:none}}.install__frameworks{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.install__framework-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.install__framework-chip{color:var(--fg);transition:transform var(--dur-fast)var(--ease-out-soft),box-shadow var(--dur-fast)var(--ease-out-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.install__framework-chip:hover{box-shadow:0 4px 12px var(--ink-6);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.install__framework-chip{transition:none}.install__framework-chip:hover{transform:none}}.install__framework-glyph{color:var(--fg-muted);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.install__codex-glyph{border:1.5px solid;border-radius:2px;width:12px;height:12px;display:inline-block;transform:rotate(45deg)}.install__copy{color:var(--fg);cursor:pointer;transition:background var(--dur-fast,.16s)var(--ease-out-soft,ease);background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;display:inline-flex}.install__copy:hover{background:var(--ink-5,#0d0d0d0d)}.install__framework-name{color:var(--fg);font-size:13px}@media (max-width:1024px){.install{padding:80px 32px}}@media (max-width:768px){.install{min-height:0;padding:56px 16px 64px}.install__inner{gap:32px}.install__terminal-body{padding:20px 16px 18px}.install__terminal-pre{font-size:13px}}}