:root{font-family:Inter,system-ui,sans-serif;color:#172a36;background:#eef3f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:48px 24px}header{padding:20px 0 30px}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;margin:12px 0}h2{font-size:18px;margin:0 0 18px}p{line-height:1.6}.badge{color:#087c6d;font-size:12px;letter-spacing:2px;font-weight:800}section{background:#fff;border:1px solid #dce5e6;border-radius:18px;padding:26px;margin-bottom:20px;box-shadow:0 8px 30px #102e3510}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.row h2{margin:0}.upload{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border:2px dashed #c2d8d4;padding:24px;border-radius:12px;background:#f7fbfa}.muted,footer{color:#607580;font-size:14px}svg{display:block;width:100%;height:auto;background:#15232b;border-radius:12px;cursor:crosshair;touch-action:none}button,a{background:#087c6d;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:600;text-decoration:none;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e8f0ee;color:#20564e}.settings{margin-top:22px;font-size:14px}input[type=number]{width:80px;padding:8px;border:1px solid #cbd5d9;border-radius:6px}input[type=checkbox]{accent-color:#087c6d}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;margin:20px 0}.stats>div{padding:20px;background:#f0f7f5;border-radius:12px;display:flex;flex-direction:column;gap:8px}.stats span{font-size:12px;letter-spacing:2px;color:#52706a}.stats strong{font-size:46px}.stats b{text-transform:capitalize;font-size:24px}.stats small{color:#607580}progress,video{width:100%;margin-bottom:20px}video{border-radius:12px;background:#172a36}.error,.notice{padding:15px;border-radius:9px;margin-bottom:18px;line-height:1.6}.error{background:#fff0f0;color:#a12929}.notice{background:#fff7df;color:#795912}footer{text-align:center;padding:20px}@media(max-width:600px){main{padding:20px 12px}section{padding:18px}.stats{grid-template-columns:1fr 1fr}.stats>div:last-child{grid-column:span 2}.row{align-items:flex-start}}