:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e7df;background:#151a1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1600px;margin:auto;padding:32px;background:#151a1c}.shell:fullscreen{overflow:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{color:#d7b76e;letter-spacing:.2em;font-size:.7rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.04em;margin:8px 0}h2{font-size:1rem;font-weight:550;margin-top:28px}p{line-height:1.55;color:#aeb9ba;font-size:.85rem}.notice{padding:14px 0;border-top:1px solid #354144;border-bottom:1px solid #354144;color:#cbb886;letter-spacing:.08em;font-size:.72rem;margin:24px 0}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px}aside{background:#20282b;border:1px solid #354144;padding:20px;border-radius:12px;min-width:0}.views{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;padding:14px;background:#090e10;border:1px solid #354144;border-radius:8px;min-width:0}figcaption{font-size:.7rem;color:#aab8bd;margin-bottom:14px}canvas{display:block;width:100%;max-height:360px;object-fit:contain;image-rendering:pixelated;aspect-ratio:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.metrics div{border-left:2px solid #cbb886;padding-left:12px}small{font-size:.62rem;color:#aeb9ba;display:block}strong{font-size:1.1rem;font-weight:400;display:block;margin-top:8px}button,input,select,textarea{font:inherit;color:inherit;border:1px solid #4a5b61;background:#152025;border-radius:5px;padding:9px;max-width:100%}button{cursor:pointer;font-size:.78rem}button:hover{background:#30454d}button:disabled{opacity:.4;cursor:default}.primary{background:#d5b770;color:#151a1c;border-color:#d5b770}label{font-size:.75rem;display:block;margin:12px 0}label>input,label>select{display:block;width:100%;margin-top:6px}textarea{width:100%;min-height:240px;display:block;font-family:monospace;font-size:.72rem}.buttons{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}details{margin:18px 0}summary{cursor:pointer;font-size:.8rem;color:#e3d5b3}input[type=file]{font-size:.7rem}.kernel{display:grid;gap:3px;overflow:auto;margin-top:12px}.kernel input{padding:5px;font-size:.65rem;min-width:0}.brush{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}table{border-collapse:collapse;width:100%;font:12px monospace}th,td{padding:9px;text-align:left;border-bottom:1px solid #354144}tr[aria-selected=true]{background:#2c3c40}.history{max-height:340px;overflow:auto}footer{margin-top:32px;border-top:1px solid #354144;padding-top:16px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e6c978;outline-offset:3px}@media(max-width:900px){main{grid-template-columns:1fr}.shell{padding:16px}aside{max-width:none}}@media(max-width:480px){.views,.metrics{grid-template-columns:1fr}header{align-items:flex-start}th,td{padding:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}