:root{color-scheme:light;--bg-base: #f3f6fb;--bg-ink: #0f172a;--surface: rgba(255, 255, 255, .84);--surface-strong: #0f172a;--surface-muted: #f7faff;--text: #111a2e;--text-muted: #4b5a74;--border-soft: rgba(68, 92, 126, .2);--accent: #2d9bff;--accent-strong: #1668d6;--accent-cool: #00a88b;--shadow: 0 18px 40px rgba(22, 40, 76, .12)}*{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:radial-gradient(circle at 12% 10%,rgba(45,155,255,.14),transparent 30%),radial-gradient(circle at 86% 16%,rgba(0,168,139,.14),transparent 26%),linear-gradient(180deg,#f9fbff 0%,var(--bg-base) 50%,#edf3fc 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(22,37,63,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,37,63,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black 56%,transparent 100%);mask-image:radial-gradient(circle at center,black 56%,transparent 100%)}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;overflow:clip;padding:clamp(1.2rem,2vw,2rem);border:1px solid var(--border-soft);border-radius:1.5rem;background:linear-gradient(180deg,#ffffffeb,#f6faffe0),var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:panel-enter .42s ease both}.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:radial-gradient(circle at right top,rgba(45,155,255,.14),transparent 36%),linear-gradient(145deg,#0f172a08,#22c5d212),var(--surface)}.panel--hero:after{content:"";position:absolute;inset:auto -4.5rem -7.5rem auto;width:17.5rem;height:17.5rem;border-radius:50%;background:radial-gradient(circle,rgba(45,155,255,.22),transparent 72%);pointer-events:none}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18.8rem,.9fr);gap:1.35rem}.hero__content,.hero__aside,.card-stack,.workspace-panel,.page-hero,.article-panel,.faq-panel,.related-panel{display:grid;gap:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.eyebrow,.tag{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;padding:.42rem .72rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0f2a50;background:linear-gradient(135deg,#2d9bff24,#00a88b24);border:1px solid rgba(62,130,215,.25)}.hero h1,.page-hero h1{font-size:clamp(2rem,4.2vw,3.5rem);max-width:14ch}.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:#293e63}.text-input,.textarea{width:100%;border:1px solid rgba(73,104,155,.28);border-radius:.9rem;padding:.92rem 1rem;color:var(--text);background:#fffffff0}.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:1.1rem;border:1px solid var(--border-soft);background:#ffffffdb}.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}.spotlight-card--console{background:linear-gradient(180deg,#0f1f36,#152844);color:#eaf3ff}.spotlight-card--console .tag{color:#ddeafe;border-color:#b1d1ff70;background:#4583dd54}.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,#2d9bff1f,#00a88b0f)}.developer-strip{display:flex;flex-wrap:wrap;gap:.62rem}.developer-pill{padding:.58rem .84rem;border-radius:999px;border:1px solid rgba(45,155,255,.22);background:#2d9bff14;color:#175ca3;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:1.1rem;background:#ffffffdb;text-decoration:none}.tool-card:hover,.phase-item:hover,.chip:hover,.button:hover,.text-link:hover,.tool-index-card:hover{transform:translateY(-2px)}.tool-card--featured{background:linear-gradient(165deg,#2d9bff21,#ffffffe6)}.chip{padding:.58rem .76rem;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffeb;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:1rem;background:linear-gradient(180deg,#fff,#f6faff);text-decoration:none;box-shadow:0 10px 24px #142b4f14}.tool-index-card:hover{border-color:#2d9bff52;box-shadow:0 18px 34px #142b4f24}.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:#1566d2;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:999px;color:#edf5ff;font-weight:650;background:linear-gradient(135deg,var(--accent-strong),var(--accent));cursor:pointer;text-decoration:none}.button--secondary{color:#13335f;border-color:#2d9bff47;background:#e9f4ffe6}.output-panel{display:grid;gap:.75rem}.output-panel--spaced{margin-top:1rem}.status-banner{padding:.78rem .92rem;border-radius:.8rem;border:1px solid transparent}.status-banner--good{color:#0b6357;background:#00a88b1a;border-color:#00a88b3d}.status-banner--bad{color:#872620;background:#d9404014;border-color:#d9404038}.code-block,.mono{margin:0;font-family:Consolas,Courier New,monospace;font-size:.93rem}.code-block{max-width:100%;padding:.95rem;border-radius:.8rem;overflow:auto;color:#e9f0ff;background:#111d33}.code-block--wrap{white-space:pre-wrap;word-break:break-word}.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:.65rem;border:1px solid rgba(73,104,155,.2);background:#fafdffdb}.ad-shell{display:block}.ad-slot{display:grid;gap:.9rem;padding:.95rem 1.18rem;border:1px dashed rgba(45,155,255,.33);border-radius:1rem;background:#eff7ffeb}.ad-slot__meta{display:grid;gap:.38rem}.article-card--detailed{min-height:100%}.faq-list article{padding:1rem;border-radius:1rem;background:#fffc;border:1px solid var(--border-soft)}.text-link{width:fit-content;color:#1668d6}@keyframes panel-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.hero,.workspace-grid--two{grid-template-columns:1fr}.hero h1,.page-hero h1{max-width:100%}}@media(max-width:640px){.panel{border-radius:1.1rem;padding:1rem}.site-shell{padding:.85rem}.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}}