:root{color-scheme:dark;--bg:#06131c;--panel:#102a35;--line:#315c6d;--ink:#f5fcff;--muted:#a7bec8;--cyan:#62efd7;--gold:#ffd36d;--red:#ff7f89}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#176279,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,system-ui}main{max-width:1450px;margin:auto;padding:16px}nav,.head,.controls,.cloud{display:flex;gap:10px;align-items:center;flex-wrap:wrap}a,button,input,select{padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#173c4a;color:var(--ink);font:inherit;font-weight:800;text-decoration:none}.brand{margin-right:auto}.brand i,small{color:var(--cyan)}header{display:grid;grid-template-columns:1fr auto;gap:24px;margin:12px 0;padding:40px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#154656,#0e2732)}h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.94;margin:.2em 0}p,span,label{color:var(--muted)}.privacy{min-width:260px;padding:18px;border-radius:16px;background:#071b25}.privacy span,.privacy strong,.privacy small{display:block}.privacy strong{margin:8px 0;color:var(--cyan)}.panel,.quality article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.controls>div{display:grid;gap:5px;flex:1}.controls button{align-self:end}.quality{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.quality strong{display:block;font-size:1.6rem}.head{justify-content:space-between}.warnings{display:grid;gap:7px}.warnings span{padding:10px;border-radius:8px;background:#301c22;color:#ffd9dc}.frames{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.frame{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#071c26}.frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.frame div{padding:9px}.frame label{display:flex;gap:7px;align-items:center}.cloud{justify-content:space-between}.cloud>div{max-width:780px}.disabled{pointer-events:none;opacity:.45}footer{padding:24px;color:var(--muted)}@media(max-width:850px){header,.quality,.frames{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:7px}header,.quality,.frames{grid-template-columns:1fr}}