/* The New — Korean subtitle conversion workspace. */
#svcTool {
  --svc-paper:#faf6ee; --svc-wash:#f5efdf; --svc-ink:#1a1208; --svc-muted:#5a4a30;
  --svc-line:#b8a888; --svc-soft:#ddd4be; --svc-button:#ede6d4; --svc-hover:#dfd4bb;
  --svc-accent:#c44a00; --svc-primary:#1a1208; --svc-primary-hover:#c44a00; --svc-on-primary:#faf6ee;
  --svc-inset:18px;
  width:100%; min-width:0; padding:22px; border:1px solid var(--svc-line);
  border-top:3px double var(--svc-ink); color:var(--svc-ink); background:var(--svc-paper);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums lining-nums;
}
#svcTool *, #svcTool *::before, #svcTool *::after { box-sizing:border-box; }
#svcTool [hidden] { display:none!important; }
#svcTool :is(p,ul,ol,li,dl,dt,dd) { margin:0; }
#svcTool :is(ul,ol,li,dl,dt,dd) { list-style:none; padding:0; }
#svcTool li::before { content:none; }
#svcTool code { padding:0; border:0; background:transparent; color:inherit; font:inherit; }
#svcTool :is(button,input,select,textarea) { -webkit-text-fill-color:currentColor; }
#svcTool :is(button,.svc-file) {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px;
  border:1px solid var(--svc-line); border-radius:0; padding:11px 13px;
  color:var(--svc-ink); background:var(--svc-button); box-shadow:none; outline:none;
  font:900 13px/1 'Courier New',monospace; text-align:center; text-decoration:none; cursor:pointer;
  transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease;
}
#svcTool button:not(:disabled):hover, #svcTool .svc-file:hover { background:var(--svc-hover); border-color:var(--svc-ink); }
#svcTool button:not(:disabled):active { transform:translateY(1px); }
#svcTool button:disabled { opacity:.48; cursor:not-allowed; transform:none; }
#svcTool :is(button,input,select,textarea):focus-visible, #svcTool .svc-file:has(input:focus-visible) { outline:2px solid var(--svc-accent); outline-offset:2px; }
#svcTool .svc-topline { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 22px; margin-bottom:20px; }
#svcTool .svc-mode { display:flex; min-width:0; max-width:100%; }
#svcTool .svc-mode-btn { min-height:44px; padding-inline:20px; white-space:nowrap; }
#svcTool .svc-mode-btn + .svc-mode-btn { margin-left:-1px; }
#svcTool .svc-mode-btn[aria-pressed="true"] { position:relative; background:var(--svc-primary); border-color:var(--svc-primary); color:var(--svc-on-primary); -webkit-text-fill-color:var(--svc-on-primary); }
#svcTool .svc-mode-btn[aria-pressed="true"]:hover { background:var(--svc-primary-hover); border-color:var(--svc-primary-hover); }
#svcTool .svc-syntax { display:flex; align-items:center; flex-wrap:wrap; gap:7px; color:var(--svc-muted); font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
#svcTool .svc-syntax :is(b,strong) { color:var(--svc-accent); font-weight:700; }
#svcTool .svc-workspace { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:stretch; }
#svcTool .svc-pane { display:flex; flex-direction:column; min-width:0; border:1px solid var(--svc-line); background:var(--svc-paper); transition:border-color 160ms ease,background-color 160ms ease; }
#svcTool .svc-pane-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px var(--svc-inset); min-height:80px; border-bottom:1px solid var(--svc-soft); }
#svcTool .svc-pane-title { display:grid; gap:5px; min-width:0; margin:0; }
#svcTool .svc-pane-title small { color:var(--svc-accent); font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.09em; }
#svcTool .svc-pane-title strong { color:var(--svc-ink); font-size:16px; line-height:1.4; font-weight:800; text-wrap:balance; }
#svcTool .svc-arrow { color:var(--svc-accent); font:800 24px/1 Georgia,serif; }
#svcTool .svc-file { position:relative; flex:none; overflow:hidden; white-space:nowrap; }
#svcTool .svc-file input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
#svcTool :is(#svcInput,#svcOutput) {
  display:block; width:100%; height:300px; min-height:220px; margin:0; padding:18px var(--svc-inset);
  border:0; border-radius:0; box-shadow:none; background:transparent; color:var(--svc-ink);
  -webkit-text-fill-color:var(--svc-ink); resize:vertical; outline:none;
  font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;
  font-variant-numeric:tabular-nums; tab-size:2; white-space:pre-wrap; overflow-x:hidden; overflow-wrap:anywhere; word-break:break-word;
}
#svcTool :is(#svcInput,#svcOutput)::placeholder { color:var(--svc-muted); -webkit-text-fill-color:var(--svc-muted); opacity:.7; }
#svcTool :is(#svcInput,#svcOutput):focus-visible { outline-offset:-3px; }
#svcTool .svc-pane-foot { display:flex; flex-direction:column; justify-content:space-between; gap:12px; margin-top:auto; padding:14px var(--svc-inset); border-top:1px solid var(--svc-soft); background:var(--svc-wash); }
#svcTool .svc-pane-foot :is(p,small) { font-size:12px; line-height:1.6; color:var(--svc-muted); overflow-wrap:anywhere; text-wrap:pretty; }
#svcTool .svc-pane-foot > span { color:var(--svc-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#svcTool .svc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#svcTool .svc-actions button { white-space:nowrap; flex:1; }
#svcTool #svcDownload { background:var(--svc-primary); border-color:var(--svc-primary); color:var(--svc-on-primary); -webkit-text-fill-color:var(--svc-on-primary); }
#svcTool #svcDownload:not(:disabled):hover { background:var(--svc-primary-hover); border-color:var(--svc-primary-hover); }
#svcTool .svc-encoding { display:flex; align-items:center; flex-wrap:wrap; gap:7px 10px; color:var(--svc-muted); font-size:12px; line-height:1.5; }
#svcTool .svc-encoding select { min-height:42px; max-width:100%; padding:9px 30px 9px 11px; border:1px solid var(--svc-line); border-radius:0; background-color:var(--svc-paper); color:var(--svc-ink); font:600 12px/1.5 system-ui,sans-serif; }
#svcTool .svc-encoding select:disabled { opacity:.65; cursor:not-allowed; }
#svcTool .svc-drop-hint { color:var(--svc-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#svcTool .svc-status-row { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px 16px; margin-top:18px; padding:13px 0; border-top:1px solid var(--svc-soft); }
#svcTool .svc-status-row p { color:var(--svc-muted); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
#svcTool .svc-stats { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px 20px; color:var(--svc-muted); font-size:12px; line-height:1.6; }
#svcTool .svc-stats :is(b,strong) { color:var(--svc-ink); font:800 13px/1.5 system-ui,sans-serif; font-variant-numeric:tabular-nums lining-nums; }
#svcTool .svc-warnings { display:grid; gap:8px; padding:14px 16px; margin:0 0 12px; border:1px solid var(--svc-line); background:var(--svc-wash); color:var(--svc-muted); font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
#svcTool .svc-warnings li { padding:0; }
#svcTool .svc-warnings li + li { padding-top:8px; border-top:1px solid var(--svc-soft); }
#svcTool .svc-privacy { color:var(--svc-muted); font-size:12px; line-height:1.7; text-wrap:pretty; }
#svcTool[data-state="ready"] .svc-pane--result { border-color:var(--svc-accent); }
#svcTool[data-state="error"] .svc-pane--source { border-color:var(--svc-accent); }
#svcTool[data-state="error"] .svc-status-row p { color:var(--svc-accent); font-weight:700; }
#svcTool .svc-pane--source:is(.is-dragover,[data-dragover="true"]), #svcTool.is-dragover .svc-pane--source { border-color:var(--svc-accent); background:var(--svc-wash); outline:2px dashed var(--svc-accent); outline-offset:3px; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) #svcTool,
html[data-scheme="dark"] body:not([data-scheme="light"]) #svcTool {
  --svc-paper:#241d12; --svc-wash:#2c2517; --svc-ink:#efe6d2; --svc-muted:#c3b492;
  --svc-line:#6f6047; --svc-soft:#574a37; --svc-button:#2f2115; --svc-hover:#3a2a1b;
  --svc-accent:#e8823f; --svc-primary:#6a3b1f; --svc-primary-hover:#824826; --svc-on-primary:#f7ead1; color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] #svcTool {
    --svc-paper:#241d12; --svc-wash:#2c2517; --svc-ink:#efe6d2; --svc-muted:#c3b492;
    --svc-line:#6f6047; --svc-soft:#574a37; --svc-button:#2f2115; --svc-hover:#3a2a1b;
    --svc-accent:#e8823f; --svc-primary:#6a3b1f; --svc-primary-hover:#824826; --svc-on-primary:#f7ead1; color-scheme:dark;
  }
}
@media (max-width:740px) {
  #svcTool { --svc-inset:14px; padding:13px; }
  #svcTool .svc-topline { gap:12px; margin-bottom:15px; }
  #svcTool .svc-mode { width:100%; }
  #svcTool .svc-mode-btn { flex:1; min-width:0; padding-inline:10px; }
  #svcTool .svc-syntax { font-size:11px; }
  #svcTool .svc-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
  #svcTool .svc-pane-head { min-height:76px; padding:14px var(--svc-inset); }
  #svcTool :is(#svcInput,#svcOutput) { height:220px; min-height:180px; padding:16px var(--svc-inset); font-size:16px; line-height:1.65; }
  #svcTool .svc-pane-foot { padding:14px var(--svc-inset); }
  #svcTool .svc-status-row { margin-top:16px; }
  #svcTool .svc-stats { gap:7px 15px; }
}
@media (prefers-reduced-motion:reduce) {
  #svcTool :is(button,.svc-file,.svc-pane) { transition:none; }
  #svcTool button:not(:disabled):active { transform:none; }
}
.tn-svc-page .svc-ad { width:min(900px,100%); min-height:90px; margin-inline:auto; background:transparent; }
.tn-svc-page .svc-ad--top { margin-top:54px; margin-bottom:22px; }
.tn-svc-page .svc-ad--bottom { margin-top:16px; margin-bottom:26px; }
.tn-svc-page .svc-ad ins { max-width:100%; }
@media (max-width:740px) { .tn-svc-page .svc-ad--top { margin-top:48px; margin-bottom:18px; } }