.video-bitrate-page{--bitrate-blue:#0d83f3;--bitrate-ink:#07183d}.video-bitrate-workflow{padding:clamp(24px,3vw,48px)}.video-bitrate-grid{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:22px;display:grid}.video-bitrate-settings,.video-bitrate-result{background:#f9fbffeb;border:1px solid #d8e4f7;border-radius:26px;padding:clamp(22px,2.2vw,34px)}.video-bitrate-modes{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:0;display:grid}.video-bitrate-modes label{position:relative}.video-bitrate-modes input{opacity:0;position:absolute}.video-bitrate-modes span{color:#53698f;cursor:pointer;background:#fff;border:1px solid #cad9f0;border-radius:18px;align-content:center;gap:7px;min-height:110px;padding:16px;display:grid}.video-bitrate-modes strong{color:#152b55;font-size:1rem}.video-bitrate-modes small{line-height:1.45}.video-bitrate-modes input:checked+span{border-color:var(--bitrate-blue);background:#eaf5ff;box-shadow:0 0 0 3px #0d83f31a}.video-bitrate-modes input:focus-visible+span{outline:3px solid #0d83f33b}.video-bitrate-fieldset,.video-bitrate-presets{border:0;margin:0 0 18px;padding:0}.video-bitrate-fieldset legend,.video-bitrate-presets legend,.video-bitrate-number-row label>span:first-child{color:#243a63;margin-bottom:9px;font-weight:850}.video-bitrate-duration{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.video-bitrate-duration label{color:#5c7093;gap:7px;font-size:.82rem;font-weight:750;display:grid}.video-bitrate-duration input,.video-bitrate-input-shell{background:#fff;border:1px solid #cbdaf1;border-radius:15px;min-height:54px}.video-bitrate-duration input{width:100%;color:var(--bitrate-ink);font:inherit;padding:0 14px;font-size:1.08rem;font-weight:850}.video-bitrate-duration input:focus,.video-bitrate-input-shell:focus-within{border-color:var(--bitrate-blue);outline:3px solid #0d83f321}.video-bitrate-number-row{margin-bottom:18px}.video-bitrate-number-row label{display:grid}.video-bitrate-input-shell{grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.video-bitrate-input-shell input{min-width:0;color:var(--bitrate-ink);font:inherit;background:0 0;border:0;outline:0;padding:0 16px;font-size:1.1rem;font-weight:850}.video-bitrate-input-shell select{color:#233b66;min-width:92px;font:inherit;background:#f4f8ff;border:0;border-left:1px solid #d7e2f3;padding:0 14px;font-weight:800}.video-bitrate-input-shell em{color:#5d7397;background:#f4f8ff;border-left:1px solid #d7e2f3;place-items:center;padding:0 16px;font-style:normal;font-weight:800;display:grid}.video-bitrate-presets>div{flex-wrap:wrap;gap:8px;display:flex}.video-bitrate-presets button{color:#344d76;cursor:pointer;min-height:42px;font:inherit;background:#fff;border:1px solid #cbdaf1;border-radius:12px;padding:0 12px;font-size:.86rem;font-weight:800}.video-bitrate-presets button:hover,.video-bitrate-presets button.is-active{border-color:var(--bitrate-blue);color:#0874d8;background:#eaf5ff}.video-bitrate-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.video-bitrate-actions .primary-action{flex:190px}.video-bitrate-result-empty{color:#65799b;text-align:center;align-content:center;place-items:center;gap:16px;min-height:460px;display:grid}.video-bitrate-result-empty i{width:76px;height:76px;color:var(--bitrate-blue);background:#e9f3ff;border-radius:24px;place-items:center;font-size:2.4rem;display:grid}.video-bitrate-result-empty p{max-width:420px;line-height:1.65}.video-bitrate-results{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.video-bitrate-results>div{background:#fff;border:1px solid #dbe6f7;border-radius:16px;min-width:0;padding:15px}.video-bitrate-results>div.is-primary{background:#eaf5ff;border-color:#9dceff;grid-column:1/-1}.video-bitrate-results dt{color:#64799d;font-size:.79rem;font-weight:750}.video-bitrate-results dd{overflow-wrap:anywhere;color:var(--bitrate-ink);margin:6px 0 0;font-size:1.15rem;font-weight:900}.video-bitrate-results .is-primary dd{color:#0677df;font-size:clamp(1.55rem,3vw,2.25rem)}.video-bitrate-notice{color:#69531f;background:#fff7df;border-radius:15px;align-items:flex-start;gap:8px;padding:14px 16px;line-height:1.55;display:flex}.video-bitrate-notice i{color:#e5a600;margin-top:3px}.video-bitrate-copy{width:100%;margin-top:15px}.video-bitrate-copy-status{color:#087c64;min-height:22px;margin:8px 0 0;font-weight:750}@media (width<=1000px){.video-bitrate-grid{grid-template-columns:1fr}.video-bitrate-result-empty{min-height:300px}}@media (width<=620px){.video-bitrate-workflow{padding:20px 14px}.video-bitrate-settings,.video-bitrate-result{border-radius:20px;padding:20px 16px}.video-bitrate-modes{grid-template-columns:1fr}.video-bitrate-modes span{min-height:90px}.video-bitrate-duration{gap:7px}.video-bitrate-duration input{padding:0 9px}.video-bitrate-actions{display:grid}.video-bitrate-actions>*{width:100%}.video-bitrate-results{grid-template-columns:1fr}.video-bitrate-results>div.is-primary{grid-column:auto}}