@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--page-bg:#000;--panel-bg:#0a0a0af0;--panel-bg-strong:#000;--panel-quiet:#ffffff0a;--panel-border:#ffffff24;--panel-shadow:none;--text-main:#f5f5f5;--text-strong:#fff;--text-subtle:#ffffff9e;--accent-strong:#fff;--cyan-strong:#fff;--heading-on-dark:#fff;--muted-on-dark:#ffffff9e;--sans:"IBM Plex Sans", "Segoe UI", sans-serif;--heading:"Chakra Petch", "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;color:var(--text-main);font:18px/1.55 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}#root{width:min(1400px,100%);min-height:100svh;margin:0 auto;position:relative}h1,h2,h3,p,ul{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-strong);letter-spacing:-.04em}h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.96}h2{font-size:clamp(1.8rem,3vw,2.8rem)}a,button,input,textarea{transition:all .16s}input:focus,textarea:focus,button:focus,a:focus{outline-offset:2px;outline:2px solid #fff6}@media (width<=720px){:root{font-size:16px}}.shell{flex-direction:column;gap:24px;padding:24px;display:flex}.hero-block{display:block}.hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.github-link{color:#f2f4f8;z-index:1;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.github-link:hover{background:#ffffff17;border-color:#ffffff3d;transform:translateY(-1px)}.github-link__icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.github-link__icon svg{width:16px;height:16px}.github-link__label{letter-spacing:.03em;font-size:12px;line-height:1}.lang-switcher{z-index:1;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;position:relative}.lang-switcher__button{color:#ffffffb8;background:0 0;border-color:#0000;border-radius:999px;width:auto;padding:8px 12px}.lang-switcher__button.is-active{color:#000;background:#fff}.hero-copy,.summary-panel,.content-panel,.stepper,.info-card,.result-card,.choice-card,.mcp-card,.notice-box,.error-box{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.hero-copy{background:radial-gradient(circle at top right, #ffffff14, transparent 32%), linear-gradient(135deg, #141414f5, #000 60%), var(--panel-bg-strong);color:#fff;border-radius:28px;padding:28px;position:relative;overflow:hidden}.hero-copy:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:22px;position:absolute;inset:16px}.hero-copy h1,.hero-copy .hero-text,.hero-copy .pill{z-index:1;position:relative}.pill{color:#ffe7a3;text-transform:none;letter-spacing:.03em;background:linear-gradient(135deg,#ffd66633,#ffa31a24);border:1px solid #ffd66673;border-radius:12px;align-items:center;width:fit-content;padding:9px 14px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-text{color:#ffffffd1;max-width:700px}.hero-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.hero-metrics div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:18px;padding:14px}.hero-metrics strong,.summary-panel strong{color:var(--heading-on-dark);font-size:24px;display:block}.hero-metrics span,.summary-panel small{color:var(--muted-on-dark)}.summary-panel{color:var(--heading-on-dark);background:linear-gradient(#0f0f0ffa,#050505fa);border-radius:28px;padding:24px}.summary-panel--wide{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.summary-panel__head{flex-direction:column;gap:14px;display:flex}.summary-panel__body{min-width:0}.summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.summary-list li{color:#ffffffdb;background:#ffffff0f;border-radius:16px;padding:12px 14px}.summary-panel__artifact{background:#ffffff0f;border-radius:16px;margin-top:18px;padding:16px}.summary-panel__artifact span,.summary-panel__artifact small{display:block}.summary-panel__artifact small{margin-top:4px}.workspace{grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:20px;display:grid}.stepper{border-radius:24px;flex-direction:column;align-self:start;gap:10px;padding:16px;display:flex;position:sticky;top:24px}.stepper__item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:54px 1fr;gap:12px;padding:14px;display:grid}.stepper__item strong,.stepper__item small{display:block}.stepper__item small{color:var(--text-subtle);margin-top:5px}.stepper__count{background:var(--panel-quiet);color:var(--text-strong);font-family:var(--mono);border-radius:14px;justify-content:center;align-items:center;height:42px;display:inline-flex}.stepper__item.is-current{background:#ffffff0f;border-color:#ffffff38}.stepper__item.is-complete .stepper__count{color:#fff;background:#ffffff1f}.content-panel{border-radius:28px;flex-direction:column;gap:20px;padding:24px;display:flex}.panel-grid{gap:20px;display:grid}.panel-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{flex-direction:column;display:flex}.gap-lg{gap:24px}.gap-md{gap:16px}.gap-sm{gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ffffffad;margin:0;font-size:12px}.lede{color:var(--text-subtle);max-width:64ch}.option-grid,.card-grid,.result-grid{gap:14px;display:grid}.option-grid--two,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:flex-start;gap:8px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:flex}.choice-card--os{justify-content:center;min-height:176px}.choice-card:hover{transform:translateY(-2px)}.choice-card.is-active{background:#ffffff14;border-color:#ffffff47}.choice-card--compact{min-height:220px;position:relative}.choice-card__tag{color:var(--text-subtle);letter-spacing:.12em;background:#ffffff14;border-radius:999px;align-self:flex-start;margin-top:auto;padding:5px 8px;font-size:11px;display:inline-flex}.choice-card__label,.info-card__title{color:var(--text-strong);margin-bottom:6px;font-size:18px;display:block}.choice-card__meta,.result-card__filename,.field-help{color:var(--text-subtle)}.choice-card__meta{max-width:12ch;line-height:1.45}.choice-card--compact .choice-card__meta{flex:1;max-width:none}.switch-row{background:var(--panel-quiet);border-radius:18px;grid-template-columns:24px 1fr;align-items:start;gap:12px;padding:16px;display:grid}.switch-row input{margin-top:4px}.switch-row strong,.switch-row small{display:block}.switch-row small{color:var(--text-subtle);margin-top:4px}.switch-row--radio{border:1px solid var(--panel-border);background:0 0}.field{flex-direction:column;gap:8px;display:flex}.field span{color:var(--text-strong);font-size:14px}.field input,.field textarea{box-sizing:border-box;border:1px solid var(--panel-border);color:#fff;width:100%;font:inherit;background:#080808;border-radius:16px;padding:14px 16px}.field textarea{resize:vertical}.command-line,pre{font-family:var(--mono)}.command-line-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.command-line{color:#fff;overflow-wrap:anywhere;background:#ffffff0f;border-radius:14px;margin:0;padding:12px 14px}.command-copy-button{white-space:nowrap;color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:18px;align-self:stretch;width:auto;padding:12px 16px;transition:border-color .18s,background .18s,transform .18s;box-shadow:inset 0 0 0 1px #ffffff08}.command-copy-button:hover{background:#ffffff1a;border-color:#ffffff42;transform:translateY(-1px)}.command-copy-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff57}.info-card,.result-card{border-radius:22px;padding:18px}.info-card{flex-direction:column;gap:12px;display:flex}.info-card>p,.info-card>a{margin:0}.info-card__highlight{color:#ffe7a3;background:linear-gradient(135deg,#ffd66624,#ffa31a14);border:1px solid #ffd66652;border-radius:14px;margin:0;padding:12px 14px;font-weight:600}.text-link{color:var(--accent-strong);text-decoration:none}.text-link:hover{text-decoration:underline}.notice-box,.error-box{border-radius:18px;padding:16px 18px}.notice-box{background:#ffffff0d}.notice-box--strong{color:#ffe7a3;background:linear-gradient(135deg,#ffd66629,#ffa31a1f);border-color:#ffd6664d}.error-box{color:#ffd5d5;background:#bc20202e}.result-grid{grid-template-columns:1fr}.result-card__head,.button-row,.footer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}pre{color:#f3f3f3;background:#000;border-radius:18px;margin:16px 0 0;padding:18px;font-size:13px;line-height:1.55;overflow-x:auto}button{color:#000;font:inherit;cursor:pointer;background:linear-gradient(135deg,#fff,#d5d5d5);border:1px solid #0000;border-radius:16px;padding:12px 16px}button:disabled{cursor:not-allowed;opacity:.5}.button-secondary{color:#fff;border-color:var(--panel-border);background:#ffffff0f}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mcp-card{border-radius:22px;padding:18px}.mcp-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.mcp-card__toggle{color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0}.footer-actions--inline{align-items:center}.explanation-list{color:var(--text-subtle);flex-direction:column;gap:10px;margin:12px 0 0;padding-left:20px;display:flex}@media (width<=1100px){.workspace,.panel-grid--two,.option-grid--three,.option-grid--two,.card-grid,.preset-grid,.summary-panel--wide,.summary-list{grid-template-columns:1fr}.stepper{position:static}}@media (width<=720px){.shell{padding:14px}.hero-top{flex-direction:column;align-items:stretch}.hero-badges{width:100%}.hero-actions{justify-content:stretch}.github-link{width:fit-content;max-width:100%}.hero-copy,.summary-panel,.content-panel{border-radius:22px;padding:18px}.hero-metrics{grid-template-columns:1fr}.result-card__head,.button-row,.footer-actions,.mcp-card__header{flex-direction:column;align-items:stretch}.command-line-row{grid-template-columns:1fr}button{width:100%}}