.subtitle-page{max-width:1180px}.subtitle-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subtitle-feature-strip>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;align-items:center;padding:14px 15px;border:1px solid #203a55;border-radius:14px;background:#0b192b}.subtitle-feature-strip span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#102641;font-size:20px}.subtitle-feature-strip b{font-size:14px}.subtitle-feature-strip small{font-size:11px;color:#91a6bd;line-height:1.45}
.subtitle-load-card,.subtitle-work-card,.subtitle-review-card{padding:17px;border:1px solid #24415d;border-radius:17px;background:#0a192a}.subtitle-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.subtitle-card-head small{display:block;color:#7199bf;font-size:11px;font-weight:800}.subtitle-card-head h3{margin:3px 0 0;font-size:19px}.subtitle-card-head>span{padding:5px 8px;border-radius:999px;background:#16283a;color:#a5b8ca;font-size:10px}.subtitle-source{width:100%;min-height:270px;resize:vertical;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.subtitle-file-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.subtitle-file-button{position:relative;overflow:hidden}.subtitle-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.subtitle-file-meta{color:#8ea3b8;font-size:11px}.subtitle-inline-actions,.subtitle-output-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.subtitle-mode-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.subtitle-mode-tabs button{min-height:42px;padding:9px 14px;border:1px solid #304d6c;border-radius:10px;background:#102039;color:#adbed1;font:inherit;font-weight:850;cursor:pointer}.subtitle-mode-tabs button.active{background:#243d65;border-color:#5e78a4;color:#fff}.subtitle-mode-panel[hidden]{display:none!important}.subtitle-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subtitle-operation-grid label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:11px;border:1px solid #26425d;border-radius:11px;background:#0d2035;cursor:pointer}.subtitle-operation-grid input{width:auto;margin-top:3px;accent-color:#5da7ed}.subtitle-operation-grid b{display:block;font-size:12px}.subtitle-operation-grid small{display:block;margin-top:2px;color:#8fa5ba;font-size:10px;line-height:1.45}.subtitle-shift-row{display:flex;gap:8px;align-items:center;margin-top:10px;padding:11px;border:1px solid #263f58;border-radius:11px;background:#091827}.subtitle-shift-row input{width:105px}.subtitle-shift-row small{color:#8ea3b8}.subtitle-primary{width:100%;margin-top:12px}.subtitle-output{width:100%;min-height:230px;resize:vertical;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.subtitle-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.subtitle-summary-box{padding:11px;border:1px solid #29445f;border-radius:11px;background:#0c1e31}.subtitle-summary-box small,.subtitle-summary-box b{display:block}.subtitle-summary-box small{color:#829ab0;font-size:10px}.subtitle-summary-box b{margin-top:3px;font-size:20px}.subtitle-summary-box.warn b{color:#ffd27a}.subtitle-summary-box.danger b{color:#ff9b9b}.subtitle-review-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.subtitle-review-toolbar label{display:flex;gap:7px;align-items:center;color:#bdcddd;font-size:12px}.subtitle-review-toolbar input{width:auto;accent-color:#5da7ed}.subtitle-cue-list{display:grid;gap:9px}.subtitle-cue-card{padding:12px;border:1px solid #25425e;border-radius:13px;background:#0b1b2d}.subtitle-cue-card.has-issue{border-color:#5d4c31;background:#191a1c}.subtitle-cue-top{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.subtitle-cue-number{display:grid;place-items:center;min-height:38px;border-radius:9px;background:#102943;color:#a9d6ff;font-weight:900}.subtitle-time-input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.subtitle-cue-text{width:100%;min-height:70px;resize:vertical;font-family:inherit;line-height:1.55}.subtitle-issue-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.subtitle-issue-chip{padding:4px 7px;border-radius:999px;background:#46371e;color:#ffda8c;font-size:10px;font-weight:800}.subtitle-issue-chip.danger{background:#472527;color:#ffabab}.subtitle-review-empty{padding:25px 16px;text-align:center;border:1px dashed #31506d;border-radius:13px;color:#8ca3b9}.subtitle-help-note{padding:14px;border:1px solid rgba(255,183,70,.22);border-radius:14px;background:rgba(118,72,14,.1);color:#b9c7d4;font-size:12px;line-height:1.7}.subtitle-help-note strong{color:#ffe1a7}
@media(max-width:900px){.subtitle-feature-strip{grid-template-columns:1fr}.subtitle-operation-grid{grid-template-columns:1fr}.subtitle-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.subtitle-load-card,.subtitle-work-card,.subtitle-review-card{padding:14px}.subtitle-source{min-height:230px;font-size:12px}.subtitle-inline-actions,.subtitle-output-actions{display:grid;grid-template-columns:1fr}.subtitle-inline-actions .btn,.subtitle-output-actions .btn{width:100%}.subtitle-shift-row{align-items:flex-start;flex-direction:column}.subtitle-shift-row input{width:100%}.subtitle-review-summary{grid-template-columns:1fr 1fr}.subtitle-cue-top{grid-template-columns:48px minmax(0,1fr)}}