html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#18202c}body{min-height:100vh}button,a{border-radius:8px}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.panel{width:min(960px,100%);background:#fff;border:1px solid #d6dde7;border-radius:8px;padding:20px;box-sizing:border-box;display:grid;gap:16px}.header h1{margin:0 0 4px;font-size:1.4rem}.header p{margin:0;color:#4c5b6a}.controls{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #2448a6;background:#2448a6;color:#fff;padding:10px 14px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.viewer{border:1px solid #d6dde7;border-radius:8px;overflow:hidden;background:#000}video{display:block;width:100%;max-height:480px;background:#000;object-fit:cover}.status{display:grid;gap:8px}.progress-wrap{display:grid;gap:8px;grid-template-columns:1fr auto;align-items:center}progress{width:100%;height:12px}.download a{display:inline-block;padding:10px 14px;border:1px solid #2448a6;color:#2448a6;text-decoration:none}