:root{--parchment:#f5f4ed;--ivory:#faf9f5;--white:#ffffff;--warm-sand:#e8e6dc;--near-black:#141413;--dark-surface:#30302e;--charcoal-warm:#4d4c48;--olive-gray:#5e5d59;--stone-gray:#87867f;--dark-warm:#3d3d3a;--warm-silver:#b0aea5;--border-cream:#f0eee6;--border-warm:#e8e6dc;--border-dark:#30302e;--terracotta:#c96442;--coral:#d97757;--focus-blue:#3898ec;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-mono:"IBM Plex Mono","SFMono-Regular",SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body,html{background:var(--parchment)}body{margin:0;min-width:320px;color:var(--near-black);font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.mono,code{font-family:var(--font-mono),monospace}.workspace{min-height:100svh;padding:clamp(32px,5vw,64px) 20px 32px}.workspace-main{display:grid;grid-gap:clamp(36px,5vw,64px);gap:clamp(36px,5vw,64px);width:min(100%,1080px);margin:0 auto}.cli-splash{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;grid-gap:18px;gap:18px;width:100%;padding:20px 22px;border:1px solid var(--border-warm);border-radius:var(--radius-lg);background:var(--ivory);text-align:left}.splash-shell{width:min(100%,760px);margin:0 auto}.cli-art,.cli-meta{display:grid}.cli-art{gap:2px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(.98rem,1.5vw,1.1rem);font-weight:400;line-height:.88;letter-spacing:0;font-feature-settings:none;font-variant-ligatures:none;text-rendering:optimizeSpeed;color:var(--terracotta);white-space:pre}.cli-meta{gap:4px;font-family:var(--font-mono),monospace;line-height:1.2;text-align:left}.cli-meta-primary{font-size:clamp(.98rem,1.4vw,1.08rem);color:var(--near-black)}.cli-meta-secondary{font-size:.88rem;color:var(--olive-gray)}.terminal-composer{grid-column:1/-1;display:grid;width:100%;overflow:hidden;border:1px solid var(--border-warm);border-radius:var(--radius-md);background:var(--white);color:var(--olive-gray);font-family:var(--font-mono),monospace}.terminal-rule{height:1px;background:var(--border-warm)}.terminal-input-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:12px;gap:12px;padding:14px 16px;min-height:64px}.terminal-caret,.terminal-prompt{color:var(--terracotta);line-height:1.4}.terminal-input-text{margin:0;font-size:.98rem;line-height:1.6;color:var(--near-black)}.terminal-caret{display:inline-block;margin-left:.18em;vertical-align:-.08em;width:.72ch;height:1em;background:var(--terracotta)}.terminal-status-row{display:flex;justify-content:space-between;gap:16px;padding:10px 16px 12px;font-size:.9rem;color:var(--stone-gray);background:var(--parchment)}.terminal-mode{letter-spacing:.08em}.terminal-status{white-space:nowrap;color:var(--olive-gray)}.intro-block{display:grid;justify-items:center;grid-gap:16px;gap:16px;max-width:760px;margin:0 auto;text-align:center}.command-label,.eyebrow,.panel-tab,.preview-kicker,.rail-label{margin:0;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.command-label,.eyebrow,.preview-kicker,.rail-label{color:var(--stone-gray)}.intro-block h1,.preview-head h2,.slip-title{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--near-black)}.intro-block h1{max-width:12ch;font-size:clamp(2.6rem,6vw,4.25rem);line-height:1.12}.lede{margin:0;max-width:60ch;font-size:clamp(1.08rem,1.8vw,1.25rem);line-height:1.6;color:var(--olive-gray)}.preview-shell{width:min(100%,760px);margin:0 auto}.preview-card{display:grid;grid-gap:24px;gap:24px;min-height:720px;padding:clamp(24px,3vw,32px);border:1px solid var(--border-warm);border-radius:var(--radius-xl);background:var(--ivory)}.preview-head{display:grid;justify-items:center;grid-gap:18px;gap:18px;text-align:center}.preview-title-group{display:grid;grid-gap:10px;gap:10px;max-width:700px}.preview-head h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.2}.preview-caption{margin:0;max-width:58ch;color:var(--olive-gray);font-size:1rem}.view-switcher{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.view-chip{min-height:44px;padding:8px 14px;border:1px solid var(--border-warm);border-radius:var(--radius-md);background:var(--warm-sand);color:var(--charcoal-warm);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.view-chip:hover{background:var(--white)}.copy-button:focus-visible,.view-chip:focus-visible{outline:2px solid var(--focus-blue);outline-offset:2px}.view-chip.is-active{border-color:var(--terracotta);background:var(--terracotta);color:var(--ivory)}.preview-body{position:relative;min-height:500px;flex:1 1}.preview-panel{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(18px,2vw,24px);border:1px solid var(--border-cream);border-radius:var(--radius-lg);opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.preview-panel[hidden]{display:flex}.preview-panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.preview-panel[data-view-panel=archive],.preview-panel[data-view-panel=markdown],.preview-panel[data-view-panel=source]{background:var(--ivory);border-color:var(--border-warm);color:var(--near-black)}.panel-tab{align-self:center;margin-bottom:16px;padding:7px 12px;border:1px solid var(--border-warm);border-radius:999px;background:var(--warm-sand);color:var(--charcoal-warm)}.code-block,.command-block,.paper-block,.usage-block{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono),monospace;font-size:.94rem;line-height:1.6;letter-spacing:-.02em}.code-block{background:var(--parchment);color:var(--olive-gray)}.code-block,.paper-block{flex:1 1;padding:20px;border:1px solid var(--border-warm);border-radius:var(--radius-md);overflow:auto}.paper-block{background:var(--white);color:var(--near-black)}.drawer{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;width:min(100%,720px);margin:0 auto}.drawer-slip,.drawer-tree,.rail-panel{border:1px solid var(--border-warm);border-radius:var(--radius-lg)}.drawer-slip,.drawer-tree{padding:20px}.drawer-tree{background:var(--parchment)}.tree-line{margin:0;font-family:var(--font-mono),monospace;font-size:.92rem;color:var(--olive-gray)}.tree-indent-1{padding-left:16px}.tree-indent-2{padding-left:32px}.tree-indent-3{padding-left:48px}.tree-indent-4{padding-left:64px}.drawer-slip{background:var(--white)}.slip-title{font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.2}.slip-list{margin:14px 0 0;padding-left:18px;color:var(--olive-gray)}.workspace-rail{display:grid;grid-gap:18px;gap:18px;width:min(100%,760px);margin:0 auto}.rail-panel{padding:24px;background:var(--ivory)}.rail-panel-usage{text-align:left}.rail-code{margin-top:14px}.command-block,.usage-block{padding:16px 18px;border:1px solid var(--border-dark);border-radius:var(--radius-md);background:var(--near-black);color:var(--warm-silver)}.options-list{display:grid;grid-gap:14px;gap:14px;margin:18px 0 0;text-align:left}.options-list div{padding-top:14px;border-top:1px solid var(--border-warm)}.options-list dt{margin-bottom:5px;font-weight:500;color:var(--dark-warm)}.options-list dd{margin:0;color:var(--olive-gray)}.rail-install{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border-warm)}.rail-install,.rail-install-row{display:grid;grid-gap:10px;gap:10px}.rail-install-row{width:100%}.command-stack{display:grid;grid-gap:18px;gap:18px;margin-top:16px}.command-item{justify-items:center}.command-item,.command-row{display:grid;grid-gap:10px;gap:10px}.command-row{width:100%}.copy-button{justify-self:center;min-width:96px;min-height:44px;padding:8px 16px;border:1px solid var(--border-warm);border-radius:var(--radius-md);background:var(--warm-sand);color:var(--charcoal-warm);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.copy-button:hover{background:var(--white)}.copy-button.is-copied{border-color:var(--terracotta);background:var(--terracotta);color:var(--ivory)}.copy-button.is-failed{border-color:#b53333;background:#b53333;color:var(--ivory)}.footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:clamp(32px,5vw,48px);color:var(--stone-gray);text-align:center;font-size:.9rem}.footer-line,.footer-meta{margin:0}.footer-github{display:inline-flex;align-items:center;justify-content:center;color:var(--stone-gray);transition:color .16s ease}.footer-github:hover{color:var(--terracotta)}.footer-github:focus-visible{outline:2px solid var(--focus-blue);outline-offset:4px;border-radius:999px}.footer-github-icon{width:18px;height:18px}.footer-divider{padding:0 8px}@media (max-width:760px){.workspace{padding-inline:14px}.cli-splash{grid-template-columns:1fr;justify-items:start;text-align:left}.terminal-status-row{flex-direction:column;align-items:flex-start}.rail-install-row{grid-template-columns:1fr}.intro-block h1{max-width:11ch;font-size:clamp(2.1rem,12vw,3rem)}.preview-head h2{font-size:clamp(1.6rem,8vw,2.2rem)}.preview-card{min-height:680px;padding:20px}.preview-body{min-height:470px}.tree-indent-3{padding-left:40px}.tree-indent-4{padding-left:52px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}