.subtitle-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.subtitle-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);min-width:0}
.subtitle-controls select{width:100%;background:#101b2d;color:var(--text);border:1px solid #36455e;padding:10px;border-radius:9px;font-size:12px}
.subtitle-controls input[type=color]{width:100%;height:35px;background:#101b2d;border:1px solid #36455e;border-radius:8px;padding:4px;cursor:pointer}
.subtitle-controls input[type=range]{width:100%;accent-color:var(--violet)}
.subtitle-controls .subtitle-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;grid-column:1/-1;padding:14px;background:#080e1b66;border:1px solid var(--line);border-radius:10px}
.subtitle-controls .subtitle-note{grid-column:1/-1;margin:0}
.subtitle-coordinate-controls{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:10px;background:#080e1b66;color:var(--muted);font-size:12px}
.subtitle-coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.subtitle-controls input[type=number]{width:100%;min-width:0;padding:10px;background:#101b2d;color:var(--text);border:1px solid #36455e;border-radius:9px;font-variant-numeric:tabular-nums}
.subtitle-controls input:disabled{opacity:.4}
.subtitle-controls select:disabled{opacity:.45}
.subtitle-coordinate-controls p{margin:10px 0 0}
@media(max-width:500px){.subtitle-controls,.subtitle-controls .subtitle-custom-fields{grid-template-columns:1fr}}