:root{--bg:#090b10;--surface:#11151d;--surface-2:#181e28;--text:#f4f2ea;--muted:#9da5b2;--line:rgba(244,242,234,.14);--lime:#c6ff3d;--purple:#9a7bff;--orange:#ff855c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 0,rgba(154,123,255,.1),transparent 35rem),var(--bg);color:var(--text);font:15px/1.6 Arial,Helvetica,sans-serif;margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{background:var(--lime);color:#080a0e;font-size:11px;font-weight:800;left:14px;letter-spacing:.12em;padding:10px 13px;position:fixed;text-transform:uppercase;top:-70px;z-index:20}.skip-link:focus{top:14px}.site-header,.site-footer{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1280px;padding:24px 36px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between}.site-header nav,.site-footer{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.site-header nav{display:flex;gap:22px}.site-header nav a:hover,.site-footer a:hover{color:var(--lime)}.brand{align-items:center;display:inline-flex;font-size:13px;font-weight:800;gap:11px;letter-spacing:.14em}.brand-mark{align-items:center;background:var(--lime);color:#080a0e;display:inline-flex;font-size:13px;height:30px;justify-content:center;transform:skew(-9deg);width:34px}.hero,.builder-grid,.principles{margin:0 auto;max-width:1280px;padding:86px 36px}.hero{align-items:end;display:grid;gap:60px;grid-template-columns:1.25fr .75fr;min-height:440px}.eyebrow{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.2em;margin:0 0 20px;text-transform:uppercase}.status-dot{background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime);display:inline-block;height:7px;margin-right:6px;width:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,7vw,96px);letter-spacing:-.08em;line-height:.92;margin-bottom:26px}h1 em,h2 em{color:var(--lime);font-style:normal}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:610px}.hero-note{border:1px solid rgba(198,255,61,.35);display:grid;gap:14px;padding:26px}.hero-note-label{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.18em}.hero-note strong{font-size:28px;letter-spacing:-.06em;line-height:1}.hero-note span:last-child{color:var(--muted);font-size:13px}.builder-grid{background:var(--bg);display:grid;gap:14px;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);padding-top:0}.panel{background:var(--surface);border:1px solid var(--line);padding:28px}.panel-heading{margin-bottom:26px}.panel-heading h2,.section-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.07em;line-height:.95;margin:0}.settings-panel label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;margin:18px 0 8px;text-transform:uppercase}.settings-panel label span{color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;text-transform:none}.settings-panel input,.settings-panel select,.settings-panel textarea{background:#0b0e14;border:1px solid var(--line);border-radius:0;color:var(--text);padding:12px;width:100%}.settings-panel textarea{resize:vertical}.settings-panel input:focus-visible,.settings-panel select:focus-visible,.settings-panel textarea:focus-visible,.button:focus-visible,.file-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.field-help{color:var(--muted);font-size:11px;margin:8px 0 0}.settings-panel fieldset{border:1px solid var(--line);margin:24px 0 0;padding:14px}.settings-panel legend{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.14em;padding:0 7px;text-transform:uppercase}.check-row{align-items:center!important;display:grid!important;gap:8px;grid-template-columns:18px 1fr auto;margin:10px 0!important;text-transform:none!important}.check-row input{accent-color:var(--lime);height:16px;margin:0;width:16px}.check-row span{font-size:12px;letter-spacing:0}.check-row small{color:var(--muted);font-size:10px}.action-row,.output-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.action-row{margin-top:24px}.button{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--text);cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.12em;padding:13px 15px;text-transform:uppercase}.button:hover{border-color:var(--lime);color:var(--lime)}.button.primary{background:var(--lime);border-color:var(--lime);color:#080a0e}.button.primary:hover{background:#dcff83;color:#080a0e}.status{color:var(--lime);font-size:12px;min-height:20px;margin:20px 0 0}.status.error{color:var(--orange)}.output-heading{align-items:end;display:flex;gap:18px;justify-content:space-between}.file-layout{display:grid;gap:12px;grid-template-columns:170px minmax(0,1fr)}.file-list-wrap{min-width:0}.file-list-label,.code-top{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.file-list-label{margin-bottom:10px}.file-list{display:grid;gap:6px}.file-button{background:#0b0e14;border:1px solid transparent;color:var(--muted);cursor:pointer;font-size:11px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-button:hover,.file-button[aria-selected=true]{border-color:var(--lime);color:var(--lime)}.code-wrap{background:#080a0e;border:1px solid var(--line);min-width:0}.code-top{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:11px 14px}.code-top span:first-child{color:var(--text);letter-spacing:.04em;text-transform:none}.code-wrap pre{margin:0;max-height:440px;min-height:360px;overflow:auto;padding:18px}.code-wrap code{color:#dfe8d2;font:12px/1.7 Consolas,Monaco,monospace;white-space:pre}.quality-strip{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px}.quality-check{border:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em;padding:7px 9px;text-transform:uppercase}.quality-check.good{border-color:rgba(198,255,61,.6);color:var(--lime)}.section-heading{align-items:end;display:flex;gap:50px;justify-content:space-between;margin-bottom:30px}.section-heading .lede{font-size:14px;max-width:470px}.principles{border-top:1px solid var(--line)}.principle-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.principle-grid article{background:var(--surface);border:1px solid var(--line);padding:25px}.principle-grid article>span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.12em}.principle-grid h3{font-size:24px;letter-spacing:-.05em;margin:20px 0 10px}.principle-grid p{color:var(--muted);font-size:13px;line-height:1.65}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start}.site-footer span:last-child{margin-left:auto}@media(max-width:900px){.hero,.builder-grid{grid-template-columns:1fr}.hero{gap:35px;padding-bottom:60px;padding-top:65px}.builder-grid{padding-bottom:65px}.file-layout{grid-template-columns:1fr}.file-list{display:flex;flex-wrap:wrap}.file-button{width:auto}.output-heading{align-items:flex-start;display:block}.output-actions{margin-top:18px}.principles{padding-bottom:65px;padding-top:65px}.principle-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;display:block}.site-header nav{margin-top:18px}.site-footer span:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Keep the shared GankByte shell and generated-file filter aligned with the builder. */
.site-header{height:82px;padding:0 32px}.header-cta{border:1px solid var(--line);font-size:10px;letter-spacing:.1em;padding:12px 14px;text-transform:uppercase}.header-cta:hover{border-color:var(--lime);color:var(--lime)}.site-footer{padding-bottom:30px;padding-top:30px}.footer-top,.footer-bottom{align-items:center;display:flex;justify-content:space-between;width:100%}.footer-top{padding-bottom:26px}.footer-top>p{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer-motto{color:var(--lime)!important}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.1em;padding-top:23px;text-transform:uppercase}.social-links{display:flex;flex-wrap:wrap;gap:18px}.file-filter{background:#0b0e14;border:1px solid var(--line);border-radius:0;color:var(--text);padding:10px;width:100%}.file-filter::placeholder{color:var(--muted)}.file-filter:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
/* Match the global GankByte shell; the builder panels keep their own layout. */
:root{--bg:#0a0b0f;--surface:#121419;--surface-2:#191b20;--muted:#98979b}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}
.site-header,.site-footer{max-width:1240px;padding-left:32px;padding-right:32px}
.site-header .brand{font-size:14px;letter-spacing:.12em}
.site-header .site-nav{gap:29px;margin-left:auto;margin-right:38px}