.product-shell:has(.hn-workbench){--p-bg:#f6f7f8;--p-ink:#202a38;--p-muted:#536278;--p-line:#d5dce5;--p-accent:#315cc8;background:var(--p-bg);color:var(--p-ink)}.hn-workbench{--line:#d5dce5;--blue:#315cc8;max-width:1200px;margin:auto;padding:clamp(1.1rem,3vw,2.6rem);font-family:DM Sans,sans-serif}.hn-intro{grid-template-columns:minmax(0,1.1fr) minmax(270px,.7fr);align-items:end;gap:2rem;padding:1.1rem 0 2rem;display:grid}.hn-kicker,.hn-section{letter-spacing:.11em;color:#315cc8;font:700 .72rem IBM Plex Mono,monospace;display:block}.hn-intro h2{letter-spacing:-.065em;margin:.6rem 0 0;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.99}.hn-intro h2 em{color:#315cc8;font-style:normal}.hn-intro p{color:#485569;max-width:34rem;margin:0;line-height:1.55}.hn-layout{grid-template-columns:minmax(270px,.72fr) minmax(0,1.35fr);align-items:start;gap:1.1rem;display:grid}.hn-input,.hn-output{border:1px solid var(--line);background:#fff;min-width:0}.hn-input{gap:1rem;padding:1.45rem;display:grid}.hn-input label{gap:.35rem;font-size:.84rem;font-weight:700;display:grid}.hn-input label small{color:#687789;font-weight:400}.hn-input input,.hn-input textarea{box-sizing:border-box;color:#202a38;width:100%;min-width:0;font:inherit;background:#fbfcfd;border:1px solid #b7c3d1;border-radius:3px;padding:.75rem .85rem}.hn-input textarea{resize:vertical}.hn-workbench :focus-visible{outline-offset:3px;outline:3px solid #315cc8}.hn-primary{color:#fff;cursor:pointer;background:#315cc8;border:0;justify-content:space-between;padding:.9rem 1rem;font-weight:800;display:flex}.hn-source{color:#214baf;text-underline-offset:3px;font-size:.83rem;font-weight:700}.hn-status{color:#485569;min-height:1.5em;margin:0;font-size:.82rem}.hn-output{min-height:24rem;padding:1.45rem}.hn-output-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem;display:flex}.hn-output-head h3{letter-spacing:-.04em;margin:.3rem 0 0;font-size:1.55rem}.hn-output-head strong{color:#315cc8;white-space:nowrap;font:700 2rem IBM Plex Mono,monospace}.hn-output-head small{color:#536278;font:500 .75rem DM Sans,sans-serif}.hn-empty{color:#596779;justify-content:center;align-items:center;gap:1.2rem;max-width:29rem;min-height:15rem;margin:auto;display:flex}.hn-empty span{color:#9aacc3;font-size:4rem;font-weight:200}.hn-chart{gap:.7rem;margin:1.4rem 0;display:grid}.hn-chart-note{color:#596779;margin:-.7rem 0 1.2rem;font-size:.76rem}.hn-bar-row{grid-template-columns:minmax(85px,10rem) minmax(0,1fr) 3.1rem;align-items:center;gap:.6rem;font:600 .75rem IBM Plex Mono,monospace;display:grid}.hn-bar-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hn-bar-row b{text-align:right}.hn-track{background:#edf1f5;height:.55rem}.hn-track i{background:#315cc8;height:100%;display:block}.hn-track i[data-tone=raised]{background:#bc6b2a}.hn-track i[data-tone=high]{background:#a83e3d}.hn-list{max-height:27rem;margin:0;padding:0;list-style:none;overflow:auto}.hn-list li{border-top:1px solid var(--line);grid-template-columns:8.6rem minmax(0,1fr) auto;gap:.7rem;padding:.85rem 0;display:grid}.hn-list li>div:first-child{align-content:start;gap:.15rem;display:grid}.hn-list li>div:first-child b{font:700 1.7rem/1 IBM Plex Mono,monospace}.hn-band{color:#315cc8;font-size:.67rem;font-weight:800}.hn-band.hn-raised{color:#9a531b}.hn-band.hn-high{color:#a83e3d}.hn-list li>div:nth-child(2){overflow-wrap:anywhere;min-width:0}.hn-list li time{color:#637084;font:.72rem IBM Plex Mono,monospace;display:block}.hn-list li p{color:#536278;margin:.25rem 0 0;font-size:.82rem}.hn-list li button,.hn-actions button{color:#315cc8;cursor:pointer;background:0 0;border:0;align-self:start;padding:.25rem;font:700 .76rem DM Sans,sans-serif}.hn-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.hn-actions button:first-child{color:#fff;background:#202a38;padding:.65rem .85rem}.hn-footnote{color:#536278;max-width:62rem;margin:1rem 0 0;font-size:.8rem;line-height:1.5}@media (width<=760px){.hn-intro,.hn-layout{grid-template-columns:1fr}.hn-intro{gap:.9rem}.hn-layout{gap:.8rem}.hn-output{min-height:0}}@media (width<=430px){.hn-workbench{padding:.85rem}.hn-input,.hn-output{padding:1rem}.hn-list li{grid-template-columns:5.5rem minmax(0,1fr)}.hn-list li button{grid-column:2;justify-self:start}.hn-bar-row{grid-template-columns:5.5rem minmax(0,1fr) 2.3rem}}@media (prefers-reduced-motion:reduce){.hn-workbench *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}