:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dce9e8;background:#09151d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1450px;margin:auto;padding:44px;background:#09151d}.app:fullscreen{overflow:auto;max-width:none}header{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #33505c;padding-bottom:30px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#d7b17c}h1{font-family:Georgia,serif;font-size:52px;line-height:1.08;font-weight:400;margin:18px 0}h1 em{color:#edc894}h2{font-size:20px;font-weight:500}p{line-height:1.65;color:#9eb5bf;font-size:14px}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}section,aside{border:1px solid #2a424e;border-radius:16px;padding:25px;min-width:0;background:#0e1c26}.sectionhead{display:flex;justify-content:space-between;gap:16px;align-items:center}.sectionhead h2{overflow-wrap:anywhere}.sectionhead span{font-size:12px;color:#edc894;flex-shrink:0}.surface{aspect-ratio:640/540;cursor:crosshair}.surface svg{width:100%;height:100%;display:block}.tools{display:flex;flex-wrap:wrap;gap:8px}button{background:#203744;color:#e4eeee;border:1px solid #47606b;border-radius:7px;padding:10px 13px;cursor:pointer;font:inherit;font-size:12px}button:hover,button[aria-pressed=true]{border-color:#e2b97f;background:#39505a}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f0c98f;outline-offset:3px}.rowlist{display:flex;flex-wrap:wrap;gap:7px}.rowlist small{display:block;color:#aec1ca;font-size:10px;margin-top:6px}label{display:block;font-size:13px;margin:16px 0}label small{float:right;color:#aec1ca}input,textarea{width:100%;border:1px solid #49626e;background:#08141d;color:#ebf2f0;padding:11px;border-radius:6px;margin-top:7px;font:inherit}textarea{height:150px;resize:vertical;font:12px monospace}details{border-top:1px solid #314752;padding:15px 0}summary{cursor:pointer;font-size:13px}summary strong{color:#eec58e;margin-left:12px}.matches{font:11px monospace;overflow-wrap:anywhere;color:#9db5c3}.status{padding:16px;border-left:3px solid #e2b97f;margin-top:20px;background:#1d303a}footer{margin-top:30px;max-width:900px}input:disabled,textarea:disabled{opacity:.45}@media(max-width:850px){.app{padding:18px}header{display:block}header>.tools{margin-top:20px}h1{font-size:40px}main{grid-template-columns:1fr}.sectionhead{flex-wrap:wrap}section,aside{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}