:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173239;background:#f3f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:800px;margin:auto;padding:30px 22px 48px}header{display:flex;align-items:center;gap:18px;margin-bottom:40px}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.badge{font-size:13px;color:#41656b;background:#e0eeed;padding:7px 12px;border-radius:20px}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 20px}h2{font-size:21px;margin:0 0 12px}p{line-height:1.6}.intro{font-size:17px;color:#3d5960}.note{background:#e8eff7;color:#284d70;padding:16px 18px;border-radius:12px;line-height:1.5;margin:24px 0}section:not(.preview){background:white;padding:24px;border:1px solid #d8e5e4;border-radius:16px;margin:20px 0}button{font:inherit;font-weight:650;border:1px solid transparent;border-radius:10px;background:#086a63;color:white;padding:13px 18px;cursor:pointer;min-height:48px}button:disabled{opacity:.5;cursor:default}.secondary{color:#194d49;background:white;border-color:#a8c4c0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}button:focus-visible{outline:3px solid #47bdb0;outline-offset:3px}progress{width:100%;height:12px;accent-color:#087e73}.preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video{background:#162d39;border-radius:14px;overflow:hidden}.video video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.video span{display:block;padding:10px;color:#d9eeec;font-size:12px}.metrics{color:#47656b;min-height:26px;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 ui-monospace,monospace}footer{color:#557076;font-size:13px;line-height:1.6;margin-top:28px}[hidden]{display:none!important}@media(max-width:480px){main{padding:22px 16px}.preview{grid-template-columns:1fr}section:not(.preview){padding:20px}.actions button{width:100%}}