: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 84% 0,#183a55,transparent 36%),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:not(:disabled),button:focus-visible{border-color:var(--cyan);outline:none}button:disabled{opacity:.45;cursor:not-allowed}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:800px;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,.config-panel,.pipeline-panel,.inspectors article,.principles,.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(250px,310px) 1fr;gap:1.2rem;align-items:start}.controls{position:sticky;top:1rem;display:grid;gap:.72rem;padding:1.2rem}.controls>label{margin-top:.35rem;font-size:.78rem;font-weight:800}.controls input,.controls select{width:100%;padding:.7rem;color:var(--text);background:#09182b}.controls .check{display:flex;align-items:center;gap:.55rem}.controls .check input{width:auto}.controls hr{width:100%;margin:.6rem 0;border:0;border-top:1px solid var(--line)}.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}.config-panel,.pipeline-panel,.principles,.code-panel{padding:1.2rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading>span{color:var(--muted);font-size:.72rem}.section-heading>code{color:var(--cyan);font-size:.73rem}.config-panel dl{display:grid;grid-template-columns:repeat(4,1fr);margin:1rem 0 0}.config-panel dl div{padding:.75rem;border-left:1px solid var(--line);background:#09182b}.config-panel dl div:first-child{border-left:0}.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:1fr 1fr;gap:1.2rem}.inspectors article{min-width:0;min-height:270px;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}.principles>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.principles article{padding:1rem;border-radius:11px;background:#09182b}.principles 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}}@media(max-width:680px){.topbar,.section-heading{align-items:flex-start;flex-direction:column}.summary,.config-panel dl,.pipeline,.inspectors,.principles>div:last-child{grid-template-columns:1fr}.summary div,.config-panel dl div{border-left:0;border-top:1px solid var(--line)}.summary div:first-child,.config-panel dl 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}}