.converter-card[data-engine=subtitle]{border-color:#383759;box-shadow:0 28px 78px #00000052,0 0 0 1px #7c73ff0d}.converter-card[data-engine=subtitle] .converter-topbar{background:linear-gradient(#1a1e2b,#151a24);border-bottom-color:#302f4b}.converter-card[data-engine=subtitle] .settings-card{background:linear-gradient(135deg,#171a27 0%,#141923 55%,#171b28 100%);border-color:#343553;box-shadow:inset 0 1px #ffffff06}.converter-card[data-engine=subtitle] .quick-output{min-width:44px}.converter-card[data-engine=subtitle].converter-card--compact .settings-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"output action""controls controls""quick quick";align-items:center;gap:12px 18px}.converter-card[data-engine=subtitle] .output-field{white-space:nowrap;grid-area:output;width:max-content;min-width:0;max-width:100%}.converter-card[data-engine=subtitle] .output-field select{min-width:120px}.converter-card[data-engine=subtitle].converter-card--compact .settings-convert-button{grid-area:action;justify-self:end;min-width:170px;max-width:none}.converter-card[data-engine=subtitle] .output-controls{grid-area:controls;width:100%;min-width:0;padding:0;display:block}.converter-card[data-engine=subtitle] .extra-output-controls{grid-template-columns:1.2fr .95fr 1fr .85fr;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.converter-card[data-engine=subtitle] .quick-field{grid-area:quick}.converter-card[data-engine=subtitle] .setting-field{box-sizing:border-box;background:#191e29;border:1px solid #343949;border-radius:10px;justify-content:space-between;min-width:0;min-height:44px;padding:7px 10px;box-shadow:0 2px 8px #0000001f}.converter-card[data-engine=subtitle] .setting-field>span{color:#a7adbb;font-size:10px;font-weight:820}.converter-card[data-engine=subtitle] .setting-field select{color:#eef0f7;background-color:#11161f;border-color:#3a4150;min-width:92px}.converter-card[data-engine=subtitle] .setting-field--checkbox{gap:8px;padding-right:11px}.converter-card[data-engine=subtitle] .number-setting-wrap{background:#11161f;border:1px solid #3a4150;border-radius:9px;align-items:center;min-width:0;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #00000029}.converter-card[data-engine=subtitle] .number-setting-wrap input{color:#f3f5fb;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:86px;min-width:0;min-height:32px;padding:5px 4px 5px 9px;font-size:11px;font-weight:780}.converter-card[data-engine=subtitle] .number-setting-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #7c73ff29}.converter-card[data-engine=subtitle] .number-setting-suffix{color:#8f96a6;letter-spacing:.03em;text-transform:uppercase;padding:0 8px 0 4px;font-size:9px;font-weight:850}.converter-card[data-engine=subtitle] .conversion-policy-note{color:#b6b2ca;background:#18182b;border:1px solid #3a3860;border-radius:11px;margin:0 2px 12px;padding:10px 12px;font-size:11px;line-height:1.5}.converter-card[data-engine=subtitle] .format-badge{color:#bbb6ff;background:linear-gradient(#262342,#201e38);border-color:#494476}.converter-card[data-engine=subtitle] .file-text span{line-height:1.45}.subtitle-premium-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 0;display:grid}.subtitle-premium-item{background:linear-gradient(#171c27,#141923);border:1px solid #303746;border-radius:13px;padding:13px 14px;box-shadow:0 8px 24px #0000001f}.subtitle-premium-item strong,.subtitle-premium-item span{display:block}.subtitle-premium-item strong{color:#f1f3f9;font-size:12px}.subtitle-premium-item span{color:#9da4b3;margin-top:4px;font-size:10px;line-height:1.45}@media (width<=900px){.subtitle-premium-strip{grid-template-columns:repeat(2,1fr)}.converter-card[data-engine=subtitle] .extra-output-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.subtitle-premium-strip{grid-template-columns:1fr}.converter-card[data-engine=subtitle].converter-card--compact .settings-card{grid-template-columns:1fr;grid-template-areas:"output""controls""action""quick"}.converter-card[data-engine=subtitle] .output-field,.converter-card[data-engine=subtitle] .output-field select{width:100%}.converter-card[data-engine=subtitle] .extra-output-controls{grid-template-columns:1fr}.converter-card[data-engine=subtitle] .setting-field{width:100%}.converter-card[data-engine=subtitle] .setting-field select{min-width:128px}.converter-card[data-engine=subtitle] .number-setting-wrap input{width:122px}.converter-card[data-engine=subtitle].converter-card--compact .settings-convert-button{justify-self:stretch;width:100%;min-width:0;max-width:none}}