#sub-dialog.subtitle-panel .subtitle-header .subtitle-close{margin-left:auto}
@media(max-height:800px){#sub-dialog.subtitle-panel .subtitle-header{padding:13px 28px}#sub-dialog.subtitle-panel .subtitle-header h2{font-size:21px}#sub-dialog.subtitle-panel .subtitle-selected{margin:10px 28px!important;padding:10px 16px}#sub-dialog.subtitle-panel .subtitle-tabs{padding:0 28px 10px}#sub-dialog.subtitle-panel .subtitle-tabs button{padding:8px 12px}#sub-dialog.subtitle-panel .subtitle-help{margin:8px 0;font-size:10px}#sub-dialog.subtitle-panel .subtitle-results{max-height:110px}#sub-dialog.subtitle-panel .subtitle-result{padding:9px 40px 9px 12px}#sub-dialog.subtitle-panel .subtitle-status{padding:9px 28px!important;min-height:30px}#sub-dialog.subtitle-panel .subtitle-sync{padding:12px 28px}#sub-dialog.subtitle-panel .subtitle-footer{padding:10px 28px}}
.caption-layer{position:absolute;z-index:2;left:8%;right:8%;bottom:11%;pointer-events:none;text-align:center;color:#fff;font:600 clamp(20px,2.2vw,34px)/1.45 Inter,system-ui,sans-serif;text-shadow:0 2px 4px #000,0 0 2px #000;white-space:pre-line;overflow-wrap:break-word}.caption-layer[hidden]{display:none}.caption-layer span{background:#000b;padding:.14em .4em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:4px}.real-player .caption-layer{opacity:1;visibility:visible}.real-player video::-webkit-media-controls-fullscreen-button{display:none}
#sub-dialog.subtitle-panel .subtitle-footer{height:auto;background:#0c111c;position:sticky;bottom:0}#sub-dialog.subtitle-panel .subtitle-header{position:sticky;top:0;z-index:2;background:#0c111c}#sub-dialog.subtitle-panel .subtitle-primary{background:linear-gradient(100deg,#1f63ff,#7836f5);color:#fff}#sub-dialog.subtitle-panel .subtitle-close{background:transparent;font-size:24px;padding:2px 8px}#sub-dialog.subtitle-panel .subtitle-stepper button{background:transparent;padding:8px 10px}#sub-dialog.subtitle-panel .subtitle-reset{background:transparent;padding:6px 0}
dialog.subtitle-panel{width:min(660px,calc(100vw - 48px));max-height:min(90vh,850px);padding:0;border:1px solid #ffffff1c;border-radius:22px;background:#0c111c;color:#f6f8ff;box-shadow:0 32px 100px #000b;font-family:Inter,system-ui,sans-serif;overflow:auto;cursor:auto}dialog.subtitle-panel::backdrop{background:#02040bb8;backdrop-filter:blur(8px)}#sub-dialog.subtitle-panel>*{margin:0}#sub-dialog.subtitle-panel button{font:600 13px/1.3 Inter,system-ui,sans-serif;margin:0;border:0;cursor:pointer;color:#eaf0fb;padding:11px 16px;border-radius:10px;background:#1a2334}.subtitle-header{display:flex;align-items:center;gap:14px;padding:26px 28px 22px;border-bottom:1px solid #ffffff0c}.subtitle-header h2{margin:0;font-size:23px;letter-spacing:-.5px}.subtitle-header p{margin:5px 0 0;color:#8c9cb5;font-size:12px}.subtitle-emblem{width:42px;height:42px;border-radius:12px;background:#12d1f018;display:grid;place-items:center;color:#12d1f0}.subtitle-emblem svg{width:25px;height:25px}#sub-dialog .subtitle-close{margin-left:auto;background:none;font-size:26px;padding:2px 8px;color:#8c9cb5}.subtitle-selected{margin:22px 28px!important;padding:16px 18px;display:flex;align-items:center;gap:20px;border:1px solid #12d1f030;border-radius:12px;background:#12d1f009}.subtitle-selected>div{min-width:0;flex:1}.subtitle-section-label{display:block;font-size:9px;letter-spacing:1.4px;font-weight:700;color:#12d1f0;margin-bottom:7px}.subtitle-selected strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle-selected small{display:block;font-size:11px;line-height:1.5;color:#95a5bc;margin-top:5px}#sub-dialog #sub-off[aria-pressed=true]{background:#12d1f0;color:#05060b;min-width:54px}.subtitle-tabs{display:flex;gap:8px;padding:0 28px 20px}#sub-dialog .subtitle-tabs button{flex:1;background:transparent;color:#95a5bc;border-bottom:2px solid transparent;border-radius:0}#sub-dialog .subtitle-tabs [aria-selected=true]{color:#fbfcff;border-bottom-color:#12d1f0}#sub-dialog [role=tabpanel]{padding:0 28px}#sub-dialog [hidden]{display:none!important}.subtitle-search{display:flex;align-items:end;gap:12px}.subtitle-search label{flex:1;font-size:11px;color:#95a5bc;margin:0!important;gap:8px!important}.subtitle-search select{width:100%;height:42px;background:#131c2b;border:1px solid #ffffff14;border-radius:10px;font-size:13px}#sub-dialog .subtitle-primary{background:linear-gradient(100deg,#1f63ff,#7836f5);color:#fff;min-height:42px;padding:11px 24px}.subtitle-help{font-size:11px;line-height:1.5;color:#8294ad;margin:12px 0 16px}.subtitle-results{display:grid;gap:8px;max-height:240px;overflow:auto;scrollbar-width:thin;scrollbar-color:#32425e transparent}.subtitle-empty{padding:30px 15px;text-align:center;color:#8294ad;font-size:12px;border:1px dashed #ffffff15;border-radius:12px}#sub-dialog .subtitle-result{position:relative;text-align:left;display:grid;gap:6px;padding:13px 42px 13px 15px;background:#121a28;border:1px solid #ffffff0a;overflow-wrap:anywhere}#sub-dialog .subtitle-result:hover{background:#1a263a}#sub-dialog .subtitle-result[aria-pressed=true]{border-color:#12d1f077;background:#12d1f00b}.subtitle-result small{font-size:8px;letter-spacing:1px;color:#91a8c7}.subtitle-result span{font-size:12px;font-weight:500;line-height:1.4}.subtitle-result i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#12d1f0;display:none}.subtitle-result[aria-pressed=true] i{display:block}.subtitle-status{padding:14px 28px!important;font-size:11px!important;line-height:1.5;min-height:42px;color:#95a5bc!important}.subtitle-status[data-kind=error]{color:#ff9aa7!important}.subtitle-status[data-kind=success]{color:#67dbbe!important}.subtitle-sync{display:flex;gap:16px;align-items:center;padding:18px 28px;background:#ffffff03;border-top:1px solid #ffffff0c}.subtitle-sync>div:first-child{flex:1}.subtitle-sync h3{margin:0;font-size:12px}.subtitle-sync p{margin:5px 0 0;color:#8294ad;font-size:10px}.subtitle-stepper{display:flex;align-items:center;gap:3px;background:#151e2c;border:1px solid #ffffff0c;border-radius:10px}.subtitle-stepper input{width:52px;padding:8px 0;text-align:center;border:0;background:none;color:white;font-size:13px;appearance:textfield;-moz-appearance:textfield}.subtitle-stepper input::-webkit-inner-spin-button{appearance:none}.subtitle-stepper span{color:#8294ad;font-size:11px;padding-right:6px}#sub-dialog .subtitle-stepper button{background:none;padding:8px 10px;font-size:18px}#sub-dialog .subtitle-reset{padding:6px 0;background:none;color:#95a5bc;font-size:11px}.subtitle-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid #ffffff0c}.subtitle-footer>span{font-size:10px;color:#8294ad}.subtitle-upload{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:12px!important;text-align:center;border:1px dashed #364962;background:#131c2b;border-radius:14px;padding:32px 20px;margin:0!important;cursor:pointer}.subtitle-upload>svg{color:#12d1f0;width:28px;height:28px}.subtitle-upload strong{font-size:14px}.subtitle-upload span{font-size:11px;color:#8294ad}.subtitle-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.captions-on svg{color:#12d1f0}@media(max-height:650px){.subtitle-header{padding:16px 24px}.subtitle-selected{margin:12px 24px!important}.subtitle-results{max-height:145px}.subtitle-tabs{padding-bottom:12px}.subtitle-sync,.subtitle-footer{padding:12px 24px}}@media(max-width:550px){.subtitle-sync{flex-wrap:wrap}.subtitle-footer>span{max-width:150px}.subtitle-panel{width:calc(100vw - 24px)!important}}