.dev-body{background:#06100d}.dev-hero{max-width:1240px;margin:0 auto;padding:8rem 2rem 4rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:2.4rem;align-items:end}.dev-hero h1{font-size:clamp(3.35rem,7vw,6.8rem);line-height:.91;letter-spacing:-.055em;margin:.45rem 0 1.2rem}.dev-hero h1 span{color:var(--mint)}.dev-lede{font-size:1.16rem;line-height:1.72;color:var(--muted);max-width:780px}.dev-state{border:1px solid var(--line);background:#081510;padding:1.2rem}.dev-state div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--line)}.dev-state div:last-child{border:0}.dev-state span{font:600 .63rem/1.2 var(--mono);letter-spacing:.06em;color:var(--muted)}.dev-state b{font:600 .69rem/1.25 var(--mono);color:var(--mint);text-align:right}.dev-section{max-width:1240px;margin:0 auto;padding:3rem 2rem 5rem}.dev-section h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.04em;max-width:900px}.dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.dev-card{background:#081510;padding:1.35rem;min-width:0}.dev-card .tag{font:600 .63rem/1.2 var(--mono);letter-spacing:.07em;color:var(--brass)}.dev-card h3{margin:.65rem 0;font-size:1.35rem}.dev-card p,.dev-card li{color:var(--muted);line-height:1.62}.dev-card code{color:var(--mint)}.code-shell{border:1px solid var(--line);background:#030906;margin-top:1.6rem}.code-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:.7rem;border-bottom:1px solid var(--line)}.code-tabs button{border:1px solid var(--line);background:transparent;color:var(--paper);padding:.6rem .75rem;font:600 .66rem/1 var(--mono);cursor:pointer}.code-tabs button[aria-pressed="true"]{border-color:var(--mint);color:var(--mint)}pre.dev-code{margin:0;padding:1.25rem;overflow:auto;white-space:pre;line-height:1.55;color:#d8f8e9;font:500 .76rem/1.55 var(--mono)}.dev-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.dev-table article{background:#07130f;padding:1.2rem}.dev-table b{display:block;margin-bottom:.45rem}.dev-table p{color:var(--muted);line-height:1.6}.dev-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.dev-path article{background:#081510;padding:1.2rem}.dev-path span{font:600 .64rem/1 var(--mono);color:var(--mint)}.dev-path p{color:var(--muted);line-height:1.55}.dev-ws{max-width:1240px;margin:0 auto;padding:7rem 2rem 5rem}.dev-ws-head{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:end}.dev-ws-head h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.92;letter-spacing:-.05em;margin:.45rem 0 1rem}.dev-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;margin-top:2rem}.dev-panel,.dev-manifest{border:1px solid var(--line);background:#081510;padding:1.25rem;min-width:0}.dev-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dev-field{display:grid;gap:.4rem}.dev-field span{font:600 .62rem/1.2 var(--mono);letter-spacing:.06em;color:var(--muted)}.dev-field select,.dev-field input{width:100%;padding:.78rem;background:#06100d;color:var(--paper);border:1px solid var(--line);min-width:0}.dev-manifest dl{margin:0}.dev-manifest dl div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--line)}.dev-manifest dd{margin:0;text-align:right;font:600 .68rem/1.3 var(--mono)}.dev-zero{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1rem}.dev-zero div{background:#06100d;padding:.68rem}.dev-zero span{display:block;font:600 .58rem/1.2 var(--mono);color:var(--muted)}.dev-zero b{font:600 .66rem/1.2 var(--mono);color:var(--mint)}.dev-note{color:var(--muted);line-height:1.6;font-size:.9rem}.copy-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.copy-row button{border:1px solid var(--line);background:transparent;color:var(--paper);padding:.7rem .85rem;cursor:pointer}.copy-row button:hover{border-color:var(--mint);color:var(--mint)}
@media(max-width:900px){.dev-hero,.dev-ws-head,.dev-workbench{grid-template-columns:1fr}.dev-grid{grid-template-columns:1fr 1fr}.dev-path{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dev-hero,.dev-section,.dev-ws{padding-left:1rem;padding-right:1rem}.dev-grid,.dev-table,.dev-path,.dev-fields,.dev-zero{grid-template-columns:1fr}.dev-hero{padding-top:6.5rem}.dev-card{min-height:0}.dev-panel,.dev-manifest{min-width:0}pre.dev-code{font-size:.69rem}}