.ss{--ss-ink:#e8eefb;--ss-panel:#141e32;background:#0a1020;border-radius:24px;padding:32px;color:var(--ss-ink);margin-bottom:40px}.ss-head{max-width:800px;margin:15px 0 35px}.ss-head>span{font:11px system-ui;letter-spacing:.2em;color:#79dace}.ss h2{font-size:clamp(30px,4vw,54px);line-height:1.15;color:#fff}.ss p{line-height:1.7}.ss-note{font-size:12px;color:#a4b5cf}.ss-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px}.ss-controls{display:flex;flex-direction:column;gap:18px;background:var(--ss-panel);padding:22px;border-radius:14px}.ss label{display:grid;gap:8px;font-size:13px;font-weight:600}.ss h3{color:#e8eefb}#subtitleStudio input,#subtitleStudio select,#subtitleStudio textarea{max-width:100%;min-width:0;font:14px system-ui;border:1px solid #435572;border-radius:7px;padding:11px;background:#1e2a41!important;color:#fff!important;color-scheme:dark}#subtitleStudio input:focus,#subtitleStudio select:focus,#subtitleStudio textarea:focus{background:#263750!important;color:#fff!important;outline:2px solid #79dace}#subtitleStudio input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #263750 inset!important;-webkit-text-fill-color:#fff!important}.ss input[type=range]{padding:0!important;accent-color:#79dace;width:100%}.ss input[type=color]{width:100%;height:42px}.ss button,.ss a[download]{font:600 13px system-ui;border:1px solid #50647d;border-radius:8px;padding:11px 15px;background:#223049;color:#e8eefb;cursor:pointer;text-decoration:none}.ss button:hover{background:#334c69}.ss button:focus-visible,.ss a:focus-visible{outline:2px solid #79dace;outline-offset:3px}.ss button:disabled{opacity:.45;cursor:not-allowed}.ss .ss-primary{background:#79dace;color:#0b2226;border-color:#79dace}.ss .ss-primary:hover{background:#a3f3e4}.ss [hidden]{display:none!important}.ss-stage{position:relative;background:#03060d;border:1px solid #354462;border-radius:14px;overflow:hidden;min-height:280px;display:grid;place-items:center}.ss-stage video{width:100%;max-height:65vh;display:block}.ss-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.ss-stage #ssEmpty{position:absolute;inset:0;display:grid;place-items:center;padding:35px;color:#9badc9;text-align:center;pointer-events:none}.ss-export{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:20px}.ss-export label{width:140px}.ss progress{width:100%;accent-color:#79dace;margin-top:15px}.ss #ssError{color:#ffb8a7}.ss-editor{margin-top:30px;border-top:1px solid #354462;padding-top:20px}.ss-editor-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ss-editor-head h3{margin-inline-end:auto}.ss-cue{display:grid;grid-template-columns:40px 90px 90px minmax(100px,1fr) 40px;gap:8px;padding:12px 0;border-bottom:1px solid #2a3b55;align-items:start}.ss-cue textarea{width:100%;resize:vertical;line-height:1.5;min-height:70px}.ss-cue label{font-size:11px}.ss-cue button{padding:10px 5px}.ss-cue[data-active=true]{background:#79dace12}.ss-cue .ss-delete{color:#ffb8a7}.ss-workspace{min-width:0}.ss-controls details label{margin-top:14px}.ss-controls summary{cursor:pointer}#ssCues{max-height:650px;overflow:auto;padding-inline:4px}.ss output{font-size:11px;color:#79dace}.ss-stage[data-ready=false] video{visibility:hidden}.ss-stage[data-ready=false] canvas{display:none}@media(max-width:900px){.ss-layout{grid-template-columns:1fr}.ss-controls{display:grid;grid-template-columns:1fr 1fr}.ss-controls>p,.ss-controls>h3,.ss-controls>details{grid-column:1/-1}.ss{padding:20px}.ss-cue{grid-template-columns:32px 1fr 1fr 32px}.ss-cue textarea{grid-column:2/4;grid-row:2}.ss-cue .ss-delete{grid-column:4;grid-row:1}.ss-stage{min-height:180px}}@media(max-width:450px){.ss-controls{grid-template-columns:1fr}.ss{padding:15px}}