body{background:#f4f5f7}.pipe{min-height:100vh}.pipe-top{background:var(--bar);color:#fff;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 22px;display:flex}.pipe-top .brand{padding-right:0}.pipe-top nav{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.pipe-top nav a{color:#c3c8ce;border-radius:999px;padding:7px 12px;font-size:14.5px;font-weight:600;text-decoration:none}.pipe-top nav a:hover{color:#fff;background:#23272c}.pipe-top nav a[aria-current]{color:#fff;background:var(--copper-btn)}.pipe-hero{max-width:980px;padding:34px 26px 6px}.pipe-hero h1{font-family:var(--font-cond);margin:4px 0 12px;font-size:42px;line-height:1.04}.pipe-hero p:last-child{color:var(--ink-2);max-width:72ch;font-size:17px;line-height:1.5}.pipe-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px 26px 4px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:2px 8px;padding:12px 14px;display:grid}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;font-size:12.5px;font-weight:600}.stat .a{color:var(--muted);-webkit-text-decoration:line-through #00000040;text-decoration:line-through #00000040}.stat b{font-family:var(--font-cond);color:var(--copper-ink);font-size:24px}.pipe-stats .fine{grid-column:1/-1}.pipe-main{grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px 26px;display:grid}.pipe-view{background:var(--stage);border:1px solid var(--line);border-radius:14px;height:520px;position:relative;overflow:hidden}.src-tag{background:#ffffffe6;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;position:absolute;top:12px;left:12px}.pipe-controls{border:1px solid var(--line);background:#fff;border-radius:14px;align-content:start;gap:16px;padding:16px 18px;display:grid}.pipe-controls h2{font-family:var(--font-cond);margin:0;font-size:22px}.pipe-controls fieldset{border:0;margin:0;padding:0}.pipe-controls legend{color:var(--ink-2);margin-bottom:8px;font-size:13.5px;font-weight:600}.mini-swatches,.mini-wheels{flex-wrap:wrap;gap:8px;display:flex}.mini-swatches label,.mini-wheels label{cursor:pointer;border-radius:50%;padding:2px;position:relative}.mini-swatches input,.mini-wheels input{opacity:0;position:absolute}.mini-swatches .chip{border-radius:50%;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 1px #00000026}.mini-swatches label.on,.mini-wheels label.on{outline:2.5px solid var(--copper)}:is(.mini-swatches label:has(input:focus-visible),.mini-wheels label:has(input:focus-visible)){outline:2.5px solid var(--focus)}.mini-wheels .wheel-glyph{width:46px;height:46px;display:block}.bed{gap:6px;font-size:14px;font-weight:600;display:grid}.bed input{accent-color:var(--copper)}.steps-list{color:var(--ink-2);gap:4px;margin:0;padding-left:18px;font-size:13.5px;display:grid}.pipe-check{grid-template-columns:360px minmax(0,1fr);gap:18px;padding:0 26px 18px;display:grid}.drop{border:2px dashed var(--line-2);background:#fff;border-radius:14px;padding:18px}.drop.over{border-color:var(--copper);background:var(--copper-soft)}.drop h2{font-family:var(--font-cond);margin:0 0 6px;font-size:22px}.drop p{color:var(--muted);font-size:14px}.report{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px}.report h3{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;display:flex}.report dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin:0;display:grid}.report dt{color:var(--muted);font-size:12px}.report dd{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.report .mat{background:#fff4e5;border-radius:6px;margin:0 4px 4px 0;padding:1px 6px;font-size:12.5px;font-weight:500;display:inline-block}.report .mat.slot{background:#e6f4ea}.warn-list{color:#6b4b00;gap:4px;margin:12px 0 0;padding-left:18px;font-size:13.5px;display:grid}.pipe-convention{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0 26px 18px;padding:16px 18px}.pipe-convention h2{font-family:var(--font-cond);margin:0 0 10px;font-size:22px}.pipe-convention table{border-collapse:collapse;width:100%;font-size:14px}.pipe-convention th,.pipe-convention td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px 8px 0}.pipe-convention code,.pipe-stats code{background:var(--soft);border-radius:4px;padding:1px 5px;font-size:13px}.pipe-convention pre{color:#e7e9ec;white-space:pre-wrap;background:#15181c;border-radius:10px;padding:12px 14px;font-size:13px;overflow-x:auto}.pipe-convention pre code{background:0 0;padding:0}.pipe-foot{color:var(--muted);padding:6px 26px 30px;font-size:13px}@media (max-width:1100px){.pipe-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe-main,.pipe-check{grid-template-columns:1fr}.report dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.pipe-hero h1{font-size:32px}.pipe-hero,.pipe-stats,.pipe-main,.pipe-check{padding-left:16px;padding-right:16px}.pipe-convention{margin-left:16px;margin-right:16px}.pipe-view{height:380px}.report dl{grid-template-columns:1fr}}