:root{color-scheme:dark;--bg-base: #0d1117;--surface: #161b27;--surface-strong: #f0f4f8;--surface-muted: #1e2535;--text: #cdd9e5;--text-muted: #637283;--border-soft: rgba(255, 255, 255, .08);--accent: #3ecf8e;--accent-strong: #29b97a;--accent-cool: #5ba4e4;--shadow: 0 2px 8px rgba(0, 0, 0, .5);--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(255, 255, 255, .07)}[data-theme=light]{color-scheme:light;--bg-base: #f5f7fa;--surface: #ffffff;--surface-strong: #0f172a;--surface-muted: #f0f3f6;--text: #1a2431;--text-muted: #536173;--border-soft: rgba(71, 86, 106, .18);--accent: #0f9172;--accent-strong: #0d7a60;--accent-cool: #245c9f;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(0, 0, 0, .06)}[data-theme=light] .status-banner--good{color:#0b6357;background:#00a88b14;border-color:#00a88b38}[data-theme=light] .status-banner--bad{color:#872620;background:#d9404012;border-color:#d9404033}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:IBM Plex Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg-base)}a{color:inherit}button,input,textarea{font:inherit}h1,h2,h3{margin:0;font-family:Bahnschrift,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.08;letter-spacing:-.01em}p{margin:0}.panel{position:relative;padding:clamp(.75rem,1.5vw,1.15rem);border:1px solid var(--border-soft);border-radius:.7rem;background:var(--surface);box-shadow:var(--shadow);animation:panel-enter .28s ease both}.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),rgba(62,207,142,0))}.site-main>.panel:nth-child(2){animation-delay:60ms}.site-main>.panel:nth-child(3){animation-delay:.12s}.site-main>.panel:nth-child(4){animation-delay:.18s}.panel--hero{background:linear-gradient(135deg,rgba(62,207,142,.06),var(--surface))}.panel--hero:after{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18.8rem,.9fr);gap:1.35rem;align-items:start}.hero__content,.hero__aside,.card-stack,.workspace-panel,.article-panel,.faq-panel,.related-panel{display:grid;gap:1rem}.page-hero{display:grid;gap:.35rem}.hero>.hero__aside{align-self:start;justify-self:end;width:min(100%,24rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.eyebrow,.tag{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;padding:.32rem .58rem;border-radius:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:#3ecf8e1a;border:1px solid rgba(62,207,142,.22)}.hero h1{font-size:clamp(2rem,4.2vw,3.5rem);max-width:14ch}.page-hero h1{font-size:clamp(1.25rem,2vw,1.55rem);max-width:none;font-weight:700}.page-hero__title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lede{max-width:62ch;font-size:1.03rem;line-height:1.7;color:var(--text-muted)}.search-field,.field-group{display:grid;gap:.45rem}.search-field__label,.field-group span{font-size:.88rem;font-weight:650;color:var(--text-muted)}.text-input,.textarea{width:100%;border:1px solid var(--border-soft);border-radius:.4rem;padding:.7rem .85rem;color:var(--text);background:var(--surface-muted)}.text-input:focus,.textarea:focus,.button:focus,.nav-link:focus,.chip:focus,.tool-card:focus,.phase-item:focus,.text-link:focus,.brand:focus,.tool-index-card:focus{outline:3px solid rgba(45,155,255,.28);outline-offset:2px}.text-input--search{min-height:3.35rem}.textarea{resize:vertical}.stat-row,.control-row,.breadcrumb-row,.checkbox-grid,.chip-list{display:flex;flex-wrap:wrap;gap:.7rem}.metric,.spotlight-card,.utility-card,.output-panel,.article-card{border-radius:.65rem;border:1px solid var(--border-soft);background:var(--surface-muted)}.metric{min-width:10rem;padding:.92rem 1rem}.metric strong{display:block;font-family:Bahnschrift,Segoe UI,Arial,sans-serif;font-size:1.25rem}.metric span,.helper-text,.site-footer p,.spotlight-card p,.utility-card p,.article-card p,.phase-item span,.breadcrumb-row,.output-panel p{color:var(--text-muted);line-height:1.6}.spotlight-card,.utility-card,.output-panel,.article-card{padding:1.08rem;border-left:3px solid rgba(62,207,142,.28)}.spotlight-card--console{background:linear-gradient(180deg,#1f2b3f,#27374d);color:#f2f7ff;border-left-color:#72c2ffcc}.spotlight-card--console .tag{color:#ddedff;border-color:#92c7ff80;background:#5188c759}.spotlight-card--console p,.spotlight-card--console h2{color:inherit}.console-list{display:grid;gap:.4rem;margin-top:.45rem;font-family:Consolas,Courier New,monospace;font-size:.92rem;color:#9cdaff}.spotlight-card--warm{background:linear-gradient(180deg,rgba(62,207,142,.08),var(--surface-muted))}.developer-strip{display:flex;flex-wrap:wrap;gap:.62rem}.developer-pill{padding:.58rem .84rem;border-radius:.35rem;border:1px solid rgba(62,207,142,.2);background:#3ecf8e14;color:var(--accent);font-size:.88rem;font-weight:600}.section-heading{display:grid;gap:.35rem;margin-bottom:1rem}.section-heading h2,.tool-card h3,.article-card h2,.article-card h3,.output-panel h2,.utility-card h3,.spotlight-card h2{font-size:clamp(1.18rem,2vw,1.65rem)}.card-grid,.utility-grid,.article-grid,.workspace-grid,.phase-grid,.faq-list{display:grid;gap:1rem}.card-grid,.article-grid{grid-template-columns:repeat(auto-fit,minmax(13.8rem,1fr))}.utility-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.workspace-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card,.phase-item,.chip,.button,.text-link,.tool-index-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.tool-card,.phase-item{display:grid;gap:.64rem;padding:1.08rem;border:1px solid var(--border-soft);border-radius:.65rem;background:var(--surface-muted);text-decoration:none}.tool-card:hover,.phase-item:hover,.chip:hover,.button:hover,.text-link:hover,.tool-index-card:hover{transform:none}.tool-card--featured{background:linear-gradient(165deg,rgba(62,207,142,.08),var(--surface-muted));border-left:3px solid rgba(62,207,142,.4)}.chip{padding:.58rem .76rem;border-radius:.4rem;border:1px solid var(--border-soft);background:var(--surface-muted);text-decoration:none;font-size:.88rem}.phase-grid{grid-template-columns:repeat(auto-fit,minmax(11.9rem,1fr))}.all-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.8rem,1fr));gap:.95rem}.stat-row>*{flex:1 1 10rem}.tool-index-card{display:grid;gap:.7rem;min-height:100%;padding:1.1rem;border:1px solid var(--border-soft);border-radius:.65rem;background:var(--surface-muted);text-decoration:none;box-shadow:none}.tool-index-card:hover{border-color:#1b8f7e6b}.tool-index-card strong{font-family:Bahnschrift,Segoe UI,Arial,sans-serif;font-size:1.02rem}.tool-index-card p{color:var(--text-muted);line-height:1.5}.tool-index-card__link{color:var(--accent);font-weight:700;letter-spacing:.01em}.phase-item strong{font-size:1rem}.button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:2.9rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:.45rem;color:#f4f9f8;font-weight:650;background:linear-gradient(135deg,var(--accent-strong),var(--accent));cursor:pointer;text-decoration:none}.button--secondary{color:var(--text);border-color:var(--border-soft);background:var(--surface-muted)}.output-panel{display:grid;gap:.75rem}.output-panel--spaced{margin-top:1rem}.status-banner{padding:.78rem .92rem;border-radius:.45rem;border:1px solid transparent}.status-banner--good{color:#4ade80;background:#00a88b1f;border-color:#00a88b47}.status-banner--bad{color:#f87171;background:#d940401a;border-color:#d9404040}.code-block,.mono{margin:0;font-family:Consolas,Courier New,monospace;font-size:.93rem}.code-block{max-width:100%;padding:.95rem;border-radius:.45rem;overflow:auto;color:#e8f4f2;background:#1f2d2c}.code-block--wrap{white-space:pre-wrap;word-break:break-word}.html-preview{width:100%;min-height:32rem;height:clamp(32rem,60vh,48rem);border:1px solid var(--border-soft);border-radius:.45rem;background:#fff}.diff-list,.match-list{margin:0;padding-left:1.05rem;display:grid;gap:.4rem}.field-group--compact{align-content:start}.checkbox-grid{gap:.8rem 1rem}.checkbox-grid label{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .62rem;border-radius:.35rem;border:1px solid var(--border-soft);background:var(--surface-muted)}.ad-shell{display:block}.ad-slot{display:grid;gap:.9rem;padding:.95rem 1.18rem;border:1px dashed rgba(62,207,142,.3);border-radius:.55rem;background:var(--surface-muted)}.ad-slot__meta{display:grid;gap:.38rem}.article-card--detailed{min-height:100%}.faq-list article{padding:1rem;border-radius:.55rem;background:var(--surface-muted);border:1px solid var(--border-soft)}.text-link{width:fit-content;color:var(--accent)}@keyframes panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.hero,.workspace-grid--two{grid-template-columns:1fr}.hero>.hero__aside{justify-self:stretch;width:100%}.hero h1,.page-hero h1{max-width:100%}}@media(max-width:640px){.panel{border-radius:1.1rem;padding:1rem}.hero-actions{display:grid}.button{width:100%}.card-grid,.utility-grid,.all-tools-grid,.phase-grid{grid-template-columns:1fr}.metric{min-width:100%}.control-row{display:grid;grid-template-columns:1fr}.control-row>*{width:100%}.code-block,.mono{font-size:.87rem}.search-field__label,.field-group span{font-size:.84rem}}@media(max-width:420px){.hero h1,.page-hero h1{font-size:1.65rem}.lede{font-size:.95rem;line-height:1.6}.text-input,.textarea{padding:.82rem .9rem}.checkbox-grid{display:grid;grid-template-columns:1fr}}