:root{font-family:system-ui,-apple-system,sans-serif;color:#eaf0f7;background:#101722;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:32px 22px 50px}h1{font-size:clamp(26px,4vw,40px);margin:8px 0 10px}h2{font-size:20px;margin:0 0 12px}p{line-height:1.65;color:#b9c6d8}.eyebrow{font-size:12px;letter-spacing:.16em;color:#8bdac3}.panel,aside{padding:22px;border:1px solid #334257;border-radius:14px;margin:20px 0;background:#172130}aside{line-height:1.8;border-color:#7b6039;background:#27231e;color:#f0d8b4}.controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.controls label{flex:1;min-width:150px}label{display:block;font-size:14px;line-height:1.6}input,select{display:block;margin-top:7px;border:1px solid #4b617a;background:#101722;color:#eaf0f7;border-radius:7px;padding:11px;font:inherit;width:100%}.check{display:flex;align-items:start;gap:8px;margin-top:15px}.check input{width:18px;flex:none;margin-top:4px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}button{border:0;border-radius:8px;padding:13px 20px;font:600 15px system-ui;cursor:pointer;background:#8bdac3;color:#10221c}button:disabled{opacity:.45;cursor:not-allowed}.stop{background:#ffb9b4;color:#381310}.secondary{background:#2b3d55;color:#eaf0f7}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}article{padding:20px;background:#172130;border:1px solid #334257;border-radius:12px}article span{display:block;font-size:12px;color:#b9c6d8;margin-bottom:8px}article strong{font-size:25px;font-variant-numeric:tabular-nums;word-break:break-word}article strong.small{font-size:16px}canvas,video{display:block;width:100%;max-height:300px;object-fit:contain;background:#101722;border-radius:8px}video:not([src]){display:none}video{margin-top:16px;dynamic-range-limit:no-limit}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,monospace;max-height:260px;overflow:auto;color:#b9c6d8}footer{font-size:12px;color:#b9c6d8;line-height:1.7}@media(max-width:650px){.metrics{grid-template-columns:repeat(2,1fr)}main{padding:22px 14px}.panel,aside{padding:17px}article{padding:15px}}
:focus-visible{outline:3px solid #8bdac3;outline-offset:3px}.capabilities{margin:0 0 20px}.capabilities div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #334257}.capabilities dt{color:#b9c6d8;font-size:14px}.capabilities dd{margin:0;font-size:16px;line-height:1.6}.metrics article span{font-size:14px}input,select,button{min-height:44px}input[type=checkbox]{min-height:18px}#summary{overflow-wrap:anywhere;font-size:14px}#checksum{font-size:14px;overflow-wrap:anywhere}#state{font-size:22px}@media(max-width:650px){.capabilities div{grid-template-columns:1fr;gap:6px}}