.video-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;margin:32px 0}.video-panel{padding:26px;border:1px solid var(--line,#dde4ed);border-radius:20px;background:var(--card,#fff)}.video-panel h2{margin-top:0}.video-panel .field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.video-panel input,.video-panel select{font:inherit;padding:12px;border:1px solid var(--line,#ccd5e0);border-radius:9px;max-width:100%;background:var(--card,#fff);color:var(--text,#172b45)}.video-panel input[type=file]{display:block;width:100%;box-sizing:border-box}.video-panel .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-panel .btn{min-height:46px}.video-panel video{width:100%;max-height:260px;border-radius:12px;margin:16px 0;background:#101722}.video-panel progress{display:block;width:100%;height:12px;margin:16px 0}.video-panel .actions{display:flex;flex-wrap:wrap;gap:12px}.video-panel [hidden]{display:none!important}.video-notice{padding:16px;background:var(--surface,#f0f5fb);border-radius:12px;margin-top:18px;font-size:14px}.video-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:28px 0}.video-tools a{padding:20px;border:1px solid var(--line,#dde4ed);border-radius:14px;color:inherit;text-decoration:none}.video-tools a:hover{border-color:#0b5de0}.video-tools h2{font-size:20px;margin:0 0 10px}.video-how{line-height:1.75}.video-partners{display:flex;align-items:center;gap:32px;padding:24px 0}.video-partners img{max-width:150px;max-height:32px;width:auto;object-fit:contain}.video-partners a{display:flex;align-items:center}body[data-theme=dark] .video-panel{background:#142235}html[data-theme=dark] .video-panel{background:#142235}#video-message{overflow-wrap:anywhere;margin:16px 0}#video-download[hidden]{display:none}@media(max-width:750px){.video-workspace{grid-template-columns:1fr;gap:16px}.video-panel{padding:20px}.video-panel .pair{grid-template-columns:1fr 1fr}.video-partners{gap:20px}.video-partners img{max-width:125px}}

html[data-theme=dark] .video-panel input,html[data-theme=dark] .video-panel select{background:#142235;color:#e8edf5}html[data-theme=dark] .video-notice{background:#1b2d45}html[data-theme=dark] .video-partners img{background:white;border-radius:4px;padding:2px}
.video-partners a{flex:0 0 auto;min-width:140px;min-height:48px;justify-content:center}.video-partners img{display:block;width:140px;height:36px;max-width:140px;max-height:36px;box-sizing:border-box}.video-partners{flex-wrap:wrap;border-top:1px solid var(--line,#dde4ed);margin-top:36px}
.video-hero{max-width:none;padding:0 0 28px}.video-hero .btn{margin:12px 0;min-height:46px;display:inline-flex;align-items:center}.video-home-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.video-guide{margin:36px 0;max-width:900px;line-height:1.7}.video-policy{max-width:900px;line-height:1.8}.video-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin:0 0 20px}.video-breadcrumb>*+*::before{content:'›';display:inline-block;margin-right:8px;color:var(--muted,#526173)}.video-breadcrumb a{text-decoration:none}.video-back{margin:0 0 20px}.video-partners{max-width:1200px;box-sizing:border-box;margin:0 auto;padding:24px 28px}body[data-mode=video] footer.pool-footer .pool-footer-inner{max-width:1144px}.video-tools a{display:block}.video-tools a p{font-size:16px;line-height:1.65;margin:0;color:var(--muted,#526173)}.video-tools a:hover,.video-tools a:focus-visible{background:var(--surface,#f0f5fb)}.video-tools a:focus-visible{outline:3px solid #0b5de0;outline-offset:3px}.video-tools{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}html[data-theme=dark] .video-tools a p{color:#bdc8d8}.nav a[aria-current]{color:var(--blue,#0b5de0);font-weight:600}@media(max-width:750px){.video-home-features{grid-template-columns:1fr;gap:16px}.video-tools{grid-template-columns:1fr}.video-partners{padding:24px 18px}.video-guide{margin:24px 0}.video-hero{padding-top:0}}

/* Keep public page introductions aligned with the full content column. */
body[data-mode=video] main{padding-top:20px}
body[data-mode=video] main .lead{max-width:none;width:100%}
body[data-mode=video] .video-hero h1{margin-top:0}

body main{padding-top:24px!important}
@media(max-width:760px){body main{padding-top:16px!important}}
