.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.subtitleTimecodeConverter .stcMain{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:576px){.subtitleTimecodeConverter .stcMain{grid-template-columns:1fr}}.subtitleTimecodeConverter .stcPanel{display:flex;flex-direction:column;gap:0}.subtitleTimecodeConverter .inputCard,.subtitleTimecodeConverter .outputCard{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:16px}@media(max-width:576px){.subtitleTimecodeConverter .inputCard,.subtitleTimecodeConverter .outputCard{padding:12px}}.subtitleTimecodeConverter .inputCard__header,.subtitleTimecodeConverter .outputCard__header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.subtitleTimecodeConverter .stcLabel{font-weight:700;font-size:14px;color:#17445c}.subtitleTimecodeConverter .stcFileRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subtitleTimecodeConverter .stcBadge{background:#e8f4fd;color:#4e8ab5;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.subtitleTimecodeConverter .stcTextarea{width:100%;font-family:Courier New,Consolas,monospace;font-size:13px;border-radius:8px;resize:vertical}.subtitleTimecodeConverter .stcControls{display:flex;flex-direction:column;gap:14px}.subtitleTimecodeConverter .stcControlRow{display:flex;flex-direction:column;gap:6px}.subtitleTimecodeConverter .stcOffsetInput{width:160px}@media(max-width:576px){.subtitleTimecodeConverter .stcOffsetInput{width:100%}}.subtitleTimecodeConverter .stcSelect{width:240px}@media(max-width:576px){.subtitleTimecodeConverter .stcSelect{width:100%}}.subtitleTimecodeConverter .stcHint{font-size:12px;color:#3f464d;margin:0;line-height:1.5}.subtitleTimecodeConverter .stcActionRow{display:flex;gap:10px;flex-wrap:wrap}.subtitleTimecodeConverter .stcStats{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;background:#f0f7ff;padding:6px 10px;border-radius:6px}.subtitleTimecodeConverter .stcError{color:#c0392b;background:#fdecea;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:10px}.subtitleTimecodeConverter .stcSuccess{color:#27ae60;background:#eafaf1;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:10px}.subtitleTimecodeConverter .stcOutputActions{display:flex;gap:10px;flex-wrap:wrap}.subtitleTimecodeConverter .stcOutputActions button:disabled{opacity:.45;cursor:default}.subtitleTimecodeConverter .actionBtn{border:none;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.subtitleTimecodeConverter .actionBtn.primary{background:#4e8ab5;color:#fff}.subtitleTimecodeConverter .actionBtn.primary:hover{background:#3c79a5}.subtitleTimecodeConverter .actionBtn.ghost{background:#fff;border:1px solid #dfe4ec;color:#3f464d}.subtitleTimecodeConverter .actionBtn.ghost:hover{border-color:#4e8ab5;color:#4e8ab5}