*{box-sizing:border-box}body{margin:0;background:#eef4ef;color:#17372b;font:16px system-ui,-apple-system,sans-serif}main{max-width:620px;margin:auto;padding:16px}header{background:#123c2c;color:#fff;border-radius:18px;padding:24px;margin:8px 0 18px}h1{margin:5px 0;font-size:29px}header p{color:#d9e7de;line-height:1.5}small{letter-spacing:1.5px}.panel{background:white;border:1px solid #dbe6df;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 4px 18px #143a2410}label{display:block;font-weight:700;margin:18px 0 8px}input,select,button{width:100%;font:inherit;padding:13px;border-radius:10px;border:1px solid #b9cbbf;background:#fff}button{background:#12643e;color:#fff;border:0;font-weight:700;margin-top:16px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#536b60}video{width:100%;margin-top:12px;border-radius:10px;background:#000;max-height:340px}.muted,footer{color:#64756a;font-size:13px;line-height:1.6}#status{margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:100%;height:12px;margin-top:8px}.results{display:grid;gap:10px}.result{border:1px solid #e1e9e2;border-radius:12px;padding:12px}.result a{display:inline-block;background:#12643e;color:white;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700}.result video{max-height:250px}footer{text-align:center;padding:12px}