:root{font-family:Arial,Helvetica,sans-serif;color:#e5ece7;background:#121c1b;font-synthesis:none;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #42514c;border-radius:4px;padding:11px 14px;background:transparent;color:#e5ece7;cursor:pointer;font-weight:600}button:hover:not(:disabled){background:#33443c;border-color:#d6ebbd}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #eecf6d;outline-offset:3px}main{max-width:1440px;margin:auto;padding:0 5.4%;background:#121c1b}main:fullscreen{overflow:auto;max-width:none}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33403a;gap:20px}.wordmark{font-size:16px;letter-spacing:3px;font-weight:800;color:inherit;text-decoration:none}.wordmark span{color:#eecf6d}.header-right{display:flex;align-items:center;gap:20px}.pill{font:10px monospace;border:1px solid #41564a;border-radius:20px;padding:8px 11px;color:#b3cdbd;white-space:nowrap}.intro{display:flex;justify-content:space-between;align-items:center;padding:56px 0 40px;gap:30px}.eyebrow,.section-label{font:10px monospace;letter-spacing:1.8px;color:#a2b6a9}.eyebrow{color:#eecf6d}h1{font-size:clamp(40px,4.5vw,66px);line-height:1.04;letter-spacing:-2.5px;margin:22px 0}h1 em{font-family:Georgia,serif;color:#d6ebbd;font-weight:400}p{line-height:1.7}.intro p{font-size:16px;color:#aebdb5}.hero-mark{width:260px;height:235px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #394a40;background:linear-gradient(135deg,#22372b,#17241e);transform:rotate(3deg)}.hero-mark span{font:700 italic 116px Georgia;color:#d7edbc;line-height:1.1}.hero-mark b{font:17px monospace;color:#eecf6d;margin:12px}.hero-mark small{font:8px monospace;letter-spacing:2px}.scope{display:flex;gap:25px;padding:22px 0;border-top:1px solid #33403a;border-bottom:1px solid #33403a;color:#aebdb5;font-size:12px;line-height:1.7}.scope strong{color:#eecf6d;min-width:210px}.workspace{display:grid;grid-template-columns:340px 1fr;gap:22px;padding:30px 0}.panel{background:#1b2823;border:1px solid #34473a;border-radius:6px;padding:24px}.author{align-self:start}.section-label{font-size:9px;margin-bottom:18px}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 22px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:16px}.panel-title h2{margin-bottom:14px}label{display:block;font-size:12px;font-weight:700;margin:20px 0 10px}label span{float:right;font:9px monospace;color:#93a497}input,textarea{width:100%;border:1px solid #4b5e4f;border-radius:4px;background:#111d17;padding:12px;color:#e4ecd9;min-width:0}.specimen{font:34px Georgia;letter-spacing:4px}.hint{font-size:11px;color:#a1b1a6;margin:14px 0 20px}.glyphs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.glyphs button{padding:11px 2px;min-width:0;display:flex;flex-direction:column;gap:6px}.glyphs b{font-size:11px;overflow-wrap:anywhere}.glyphs small{font:9px monospace;color:#99ad9e}.glyphs .selected{background:#d4e6ba;color:#17231b;border-color:#d4e6ba}.row{display:flex;gap:8px;align-items:stretch;margin-top:12px}.row input{width:80px}.row button{font-size:11px}.primary{background:#d4e6ba;color:#17231b;border-color:#d4e6ba;flex:1}.primary:hover:not(:disabled){background:#e9f4d7;color:#17231b}details{margin:22px 0}summary{cursor:pointer;color:#bccbbf;font-size:12px}textarea{min-height:180px;margin-top:12px;font:11px/1.7 monospace;resize:vertical}.divider{border-top:1px solid #34473a;margin-top:24px}.file{position:relative;overflow:hidden;display:block;padding:12px;border:1px dashed #60715e;text-align:center;cursor:pointer;font-size:11px}.file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file:focus-within{outline:3px solid #eecf6d}.muted{opacity:.45}.inspection{display:grid;gap:22px;align-content:start}.dependency{display:grid;grid-template-columns:35px 70px 1fr;gap:12px;align-items:center;border-top:1px solid #34473a;padding:13px 0}.dependency b{font:italic 21px Georgia}.dependency .gid{font:11px monospace;color:#819e87}.dependency>div{display:flex;flex-wrap:wrap;gap:5px}.dependency>div span{border:1px solid #3c5540;border-radius:3px;padding:5px 7px;font:10px monospace;color:#b6d4a8}.removed{font:9px monospace;letter-spacing:1px;color:#849c8a;border-top:1px solid #34473a;padding-top:18px}.removed span{margin-left:12px;color:#c7baa0}.draft-warning{padding:12px;background:#594c25;color:#ffe1a1;font-size:11px;margin-bottom:12px}.verified{font:9px monospace;color:#d2e9b6;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 25px;gap:15px}.metrics small{font:9px monospace;letter-spacing:1px;color:#9ab19f}.metrics strong{display:block;font-size:34px;margin-top:10px;letter-spacing:-1px}.metrics i{font-style:normal;font-size:12px;margin-left:5px;color:#829687}.shape-row{display:flex;gap:25px;padding:11px 0;border-top:1px solid #34473a}.shape-row small{font:9px monospace;color:#8ea995;min-width:50px}.shape-row code{font-size:11px;color:#d1deb9;overflow-wrap:anywhere}.secondary-actions button{border:none;padding-left:0;color:#abbfac;text-decoration:underline}footer{border-top:1px solid #34473a;padding:24px 0 35px;display:flex;justify-content:space-between;gap:35px;color:#a7b8aa;font-size:11px}footer p{max-width:65%;margin:0;color:#d8e7c9}footer span{font-size:10px;line-height:1.6;text-align:right}@media(max-width:900px){main{padding:0 24px}.workspace{grid-template-columns:290px 1fr;gap:15px}.panel{padding:18px}.dependency{grid-template-columns:25px 50px 1fr;gap:8px}.panel-title{flex-wrap:wrap}.metrics strong{font-size:28px}.hero-mark{width:200px}.scope{gap:12px}.scope strong{min-width:160px}}@media(max-width:700px){main{padding:0 16px}header{height:70px}.header-right .pill{display:none}.wordmark{font-size:12px;letter-spacing:1px}.intro{padding-top:32px}.hero-mark{display:none}.workspace{grid-template-columns:1fr}.scope{flex-direction:column}.panel{padding:20px}.glyphs{grid-template-columns:repeat(5,1fr)}footer{flex-direction:column;gap:12px}footer p{max-width:100%}footer span{text-align:left}.row{flex-wrap:wrap}.row button{min-height:40px}.intro h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}