#caption-dialog{box-sizing:border-box;margin:auto;width:min(850px,calc(100vw - 28px));max-height:90dvh;padding:26px;border:1px solid var(--studio-line,#45483f);border-radius:16px;background:var(--studio-panel,#1d201b);color:var(--studio-ink,#f0eee7);overflow:auto;font-family:'DejaVu Sans',sans-serif;box-shadow:0 24px 100px #0008}
#caption-dialog::backdrop{background:#0b0c0bdd;backdrop-filter:blur(4px)}
#caption-dialog [hidden]{display:none!important}
#caption-dialog .caption-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#caption-dialog h2{margin:8px 0 0;font:600 24px/1.2 'DejaVu Sans',sans-serif;letter-spacing:-.7px;color:inherit}
#caption-dialog .caption-eyebrow{font:10px 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--studio-gold)}
#caption-dialog .caption-close{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--studio-line);border-radius:7px;background:transparent;color:inherit;font:24px sans-serif;cursor:pointer}
#caption-dialog .caption-intro,#caption-dialog .caption-help,#caption-dialog .caption-preview-note{color:var(--studio-muted);font:12px/1.6 'DejaVu Sans',sans-serif}
#caption-dialog .caption-intro{font-size:13px;margin:12px 0 24px}
#caption-dialog .caption-workspace{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:26px;align-items:start}
#caption-dialog .caption-screen{position:relative;aspect-ratio:9/16;background:#11130f;overflow:hidden;border-radius:9px}
#caption-video{display:block;width:100%;height:100%;object-fit:contain}
#caption-overlay{position:absolute;left:8%;right:8%;bottom:14%;color:white;text-align:center;font:bold clamp(14px,2vw,20px)/1.2 'DejaVu Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000;pointer-events:none}
#caption-overlay[data-position="middle"]{bottom:auto;top:50%;transform:translateY(-50%)}
#caption-overlay[data-style="box"]{background:#11130fec;padding:7px;text-shadow:none}
#caption-overlay[data-style="gold"]{background:#c8ac69;color:#17190f;padding:7px;text-shadow:none}
#caption-dialog fieldset{padding:0;border:0;margin:0 0 18px;min-width:0}
#caption-dialog legend,#caption-dialog label{display:block;font:500 12px/1.4 'DejaVu Sans',sans-serif;margin:0 0 8px;color:inherit}
#caption-dialog .caption-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#caption-dialog .caption-styles button{display:grid;gap:8px;justify-items:center;align-content:start;min-height:93px;background:transparent;border:1px solid var(--studio-line);border-radius:8px;padding:8px 5px;color:var(--studio-muted);font:11px/1.35 'DejaVu Sans',sans-serif;cursor:pointer}
#caption-dialog .caption-styles button[aria-pressed="true"]{color:var(--studio-ink);border-color:var(--studio-gold);background:var(--studio-gold-wash)}
#caption-dialog .caption-swatch{display:grid;place-items:center;width:100%;height:39px;font:bold 23px 'DejaVu Sans',sans-serif;color:white;background:#52564d;border-radius:4px}
#caption-dialog .caption-swatch.none{opacity:.3;text-decoration:line-through}
#caption-dialog .caption-swatch.bold{text-shadow:2px 2px #111,-2px -2px #111}
#caption-dialog .caption-swatch.box{background:#11130f}
#caption-dialog .caption-swatch.gold{background:#c8ac69;color:#17190f}
#caption-dialog select,#caption-dialog textarea{box-sizing:border-box;width:100%;min-height:44px;margin:0 0 14px;background:var(--studio-bg);border:1px solid var(--studio-line);border-radius:7px;color:inherit;padding:10px;font:14px/1.45 'DejaVu Sans',sans-serif}
#caption-dialog textarea{resize:vertical}
#caption-dialog #caption-status{font:12px/1.6 'DejaVu Sans',sans-serif;color:var(--studio-muted);min-height:20px;margin:16px 0}
#caption-dialog #caption-save{min-height:46px;width:100%;padding:10px 14px;border:0;border-radius:7px;background:var(--studio-gold);color:var(--studio-bg);font:600 13px 'DejaVu Sans',sans-serif;cursor:pointer}
#caption-dialog :disabled{opacity:.5;cursor:default!important}
#caption-dialog button:focus-visible,#caption-dialog input:focus-visible,#caption-dialog select:focus-visible,#caption-dialog textarea:focus-visible{outline:2px solid var(--studio-gold);outline-offset:3px}
#caption-dialog #caption-result{margin:16px 0;font-size:13px}#caption-dialog a{color:var(--studio-gold)}
body.studio-workspace .caption-entry{margin:9px 0;min-height:44px;border:1px solid var(--studio-gold);color:var(--studio-ink);background:var(--studio-gold-wash);border-radius:7px;font:12px 'DejaVu Sans',sans-serif;text-transform:none;letter-spacing:0;padding:10px 14px;cursor:pointer}
@media(max-width:600px){#caption-dialog{padding:18px}#caption-dialog .caption-workspace{grid-template-columns:1fr;gap:16px}#caption-dialog .caption-screen{max-width:160px;max-height:285px;margin:0 auto}#caption-dialog .caption-preview-note{text-align:center}#caption-dialog h2{font-size:22px}#caption-dialog .caption-styles{grid-template-columns:repeat(4,minmax(0,1fr))}}