:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f4ee;font-family:ui-monospace,SF Mono,Cascadia Code,Liberation Mono,Menlo,monospace;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#f7f4ee;cursor:pointer;background:#151515;border:1px solid #151515;border-radius:6px}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.site-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:28px}.site-header{border-bottom:1px solid #15151529;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.brand{letter-spacing:0;font-size:1rem;font-weight:700}.site-nav{color:#1515159e;gap:18px;font-size:.92rem;display:flex}.site-nav a.active,.site-nav a:hover{color:#151515}.page{padding:92px 0}.eyebrow{color:#1515158a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:700}.page h1{letter-spacing:0;max-width:850px;margin:0;font-size:clamp(2.4rem,8vw,6.75rem);font-weight:800;line-height:.95}.lead{color:#151515b8;max-width:680px;margin:28px 0 0;font-size:clamp(1rem,2vw,1.2rem)}.placeholder-panel{background:#ffffff61;border:1px solid #15151529;border-radius:8px;max-width:720px;margin-top:36px;padding:24px}.placeholder-panel h2{margin:0 0 10px;font-size:1rem}.placeholder-panel p{color:#151515a8;margin:0}.project-link{display:block}.tool-page{padding:72px 0 28px}.tool-hero{border-bottom:1px solid #15151529;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:42px;padding-bottom:40px;display:grid}.tool-hero h1{letter-spacing:0;max-width:850px;margin:0;font-size:clamp(2.4rem,7vw,6rem);font-weight:800;line-height:.94}.tool-copy{color:#151515ad;align-self:end;max-width:460px;margin:0;font-size:1.04rem}.tool-console{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:18px;padding:24px 0;display:grid}.tool-panel{background:#ffffff6b;border:1px solid #1515152e;border-radius:8px;min-width:0}.tool-panel-header{border-bottom:1px solid #15151524;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-panel-header span,.tool-panel-header strong{font-size:.82rem}.tool-panel-header strong{color:#405b2f}.tool-panel-header button{padding:6px 10px}.input-panel{padding-bottom:16px}label{color:#1515159e;margin:16px 16px 8px;font-size:.82rem;font-weight:700;display:block}.tool-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 16px;display:grid}input{color:#151515;background:#fbfaf5;border:1px solid #15151533;border-radius:6px;min-width:0;padding:12px}.tool-input-row button{padding:0 16px}.sample-row{flex-wrap:wrap;gap:8px;padding:14px 16px 0;display:flex}.sample-row button{color:#151515;background:0 0;border-color:#15151538;padding:7px 9px}.error{color:#9a2f21;margin:16px 16px 0}.output-panel{overflow:hidden}.metrics{border-bottom:1px solid #15151524;grid-template-columns:1fr auto auto;gap:12px;margin:0;padding:16px;display:grid}.metrics div{min-width:0}dt{color:#15151585;text-transform:uppercase;font-size:.72rem}dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}pre{color:#e7e0cf;white-space:pre-wrap;background:#151510;min-height:320px;max-height:560px;margin:0;padding:18px;font-size:.88rem;line-height:1.62;overflow:auto}.warnings{color:#8a5a1f;margin:0;padding:14px 18px 18px 34px}.empty-state{text-align:center;place-content:center;min-height:430px;padding:24px;display:grid}.empty-state span{font-weight:800}.empty-state p{color:#15151594;margin:8px 0 0}@media (width<=640px){.site-shell{padding:20px}.site-header{flex-direction:column;align-items:flex-start}.page{padding:64px 0}.tool-hero,.tool-console{grid-template-columns:1fr}.tool-page{padding-top:52px}.tool-input-row,.metrics{grid-template-columns:1fr}}