:root{color-scheme:dark;--bg:#07101f;--panel:#0d1b31;--surface:#132641;--line:#29405f;--text:#f5f8ff;--muted:#a8b8cc;--cyan:#42e5d3;--danger:#ff7e8e;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 85% 0,#153954,transparent 35%),var(--bg)}button,input,select{font:inherit;border:1px solid var(--line);border-radius:10px}button{padding:.75rem 1rem;color:var(--text);background:var(--surface);cursor:pointer;font-weight:800}button:hover,button:focus-visible{border-color:var(--cyan);outline:none}button.primary{color:#041219;background:var(--cyan);border-color:var(--cyan)}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3.5rem);border-bottom:1px solid var(--line);color:var(--muted);background:rgba(7,16,31,.9)}.topbar a{color:var(--cyan);text-decoration:none}main{width:min(1440px,100%);margin:auto;padding:clamp(1rem,3vw,2.5rem)}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem;align-items:end;margin-bottom:1.4rem}h1{max-width:780px;margin:.25rem 0 .8rem;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98}h2{margin:0;font-size:1.12rem}.hero>div>p:last-child{max-width:720px;color:var(--muted);line-height:1.7}.eyebrow{margin:0 0 .35rem;color:var(--cyan);font-size:.71rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.summary,.controls,.pipeline-panel,.inspectors article,.comparison,.code-panel{border:1px solid var(--line);border-radius:16px;background:rgba(13,27,49,.93)}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:1.2rem}.summary div{padding:.35rem .7rem;border-left:1px solid var(--line)}.summary div:first-child{border-left:0}dt{color:var(--muted);font-size:.68rem}dd{margin:.25rem 0 0;font-weight:850}.workspace{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1.2rem;align-items:start}.controls{position:sticky;top:1rem;display:grid;gap:.68rem;padding:1.2rem}.controls>label{margin-top:.35rem;font-size:.78rem;font-weight:800}.controls input,.controls select{width:100%;padding:.68rem;color:var(--text);background:#09182b}.check{display:flex!important;align-items:center;gap:.5rem;font-size:.76rem!important}.check input{width:auto}.check code{color:var(--cyan)}fieldset{display:grid;gap:.5rem;margin:.5rem 0;padding:.8rem;border:1px solid var(--line);border-radius:10px}legend{padding:0 .35rem;color:var(--muted);font-size:.72rem;font-weight:800}.feedback{min-height:2.2rem;margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}.feedback.error{color:var(--danger)}.stage{display:grid;gap:1.2rem;min-width:0}.pipeline-panel,.comparison,.code-panel{padding:1.2rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading>span{color:var(--cyan);font:.75rem ui-monospace,monospace}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:1rem 0 0;padding:0;list-style:none}.pipeline li{position:relative;min-height:108px;padding:.75rem;border:1px solid var(--line);border-radius:11px;background:#09182b;transition:160ms ease}.pipeline li::after{content:"→";position:absolute;top:43%;right:-.55rem;z-index:1;color:var(--muted)}.pipeline li:last-child::after{content:none}.pipeline li.active{border-color:var(--cyan);background:#103448;transform:translateY(-2px)}.pipeline li.failed{border-color:var(--danger);background:#321a2a}.pipeline span,.pipeline small{display:block;color:var(--muted);font-size:.67rem}.pipeline strong{display:block;margin:1rem 0 .25rem;font-size:.82rem}.inspectors{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.inspectors article{min-width:0;min-height:230px;padding:1.2rem}pre{overflow:auto;margin:.7rem 0 0;color:#dbe8ff;font:.76rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.comparison>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.comparison article{padding:1rem;border-radius:11px;background:#09182b}.comparison p{margin:.4rem 0 0;color:var(--muted);font-size:.78rem}.tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tabs button[aria-selected=true]{color:#041219;background:var(--cyan);border-color:var(--cyan)}#code-view{min-height:280px;padding:1rem;border-radius:10px;background:#06111f}@media(max-width:1000px){.hero,.workspace{grid-template-columns:1fr}.controls{position:static}.pipeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.topbar,.section-heading{align-items:flex-start;flex-direction:column}.summary,.pipeline,.inspectors,.comparison>div:last-child{grid-template-columns:1fr}.summary div{border-left:0;border-top:1px solid var(--line)}.summary div:first-child{border-top:0}.pipeline li::after{content:"↓";top:auto;right:50%;bottom:-.75rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}