.lf-caption-editor{color:hsl(var(--lightflix-text));grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,36px);padding:clamp(16px,2.5vw,28px);display:grid}.lf-caption-preview-column{min-width:0;position:sticky;top:100px}.lf-caption-preview-heading{color:hsl(var(--lightflix-secondary));letter-spacing:.16em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.lf-caption-preview-heading>:last-child{letter-spacing:-.05em;color:hsl(var(--lightflix-cyan));font-size:18px}.lf-caption-scene{--caption-preview-max-font:26px;isolation:isolate;border:1px solid hsl(var(--lightflix-border) / .22);background:radial-gradient(at 70% 20%,#a2bcc04a,#0000 45%),linear-gradient(160deg,#253d4b,#10202a 55%,#050b12);border-radius:14px;height:300px;position:relative;overflow:hidden;container-type:inline-size}.lf-caption-scene[data-scene=bright]{background:radial-gradient(at 72% 25%,#fffced,#0000 48%),linear-gradient(155deg,#a7cbd1,#dce3cf 60%,#b29a71)}.lf-caption-landscape{clip-path:polygon(0 70%,30% 8%,50% 55%,70% 24%,100% 70%,100% 100%,0 100%);background:linear-gradient(140deg,#304953,#0e1921 65%);position:absolute;inset:30% -10% -15%}[data-scene=bright]>.lf-caption-landscape{background:linear-gradient(130deg,#849ea2,#cfba98 70%)}.lf-caption-scene-label{top:16px;color:#e4edefb3;letter-spacing:.12em;font:9px/1.5 monospace;position:absolute;inset-inline-start:16px}[data-scene=bright]>.lf-caption-scene-label{color:#263b43}.lf-caption-sample{text-align:center;position:absolute;inset-inline:4%}.lf-caption-sample>span{background:var(--caption-preview-background);-webkit-backdrop-filter:var(--caption-preview-blur);white-space:nowrap;border-radius:3px;padding:.15em .35em}.lf-caption-scene-switch{background:hsl(var(--lightflix-void));border:1px solid hsl(var(--lightflix-border) / .2);border-radius:10px;gap:4px;margin-top:12px;padding:4px;display:flex}.lf-caption-scene-switch button{min-height:40px;color:hsl(var(--lightflix-secondary));border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.lf-caption-scene-switch button[aria-pressed=true]{background:hsl(var(--lightflix-elevated));color:hsl(var(--lightflix-text));box-shadow:0 1px 5px #0002}.lf-caption-scene-switch button>span{background:#1c303a;border:1px solid #ffffff60;border-radius:50%;width:12px;height:12px}.lf-caption-scene-switch button>[data-scene=bright]{background:#dfe2cd}.lf-caption-preview-note{color:hsl(var(--lightflix-secondary));margin:18px 0 6px;font-size:13px;line-height:1.6}.lf-caption-preview-meta{color:hsl(var(--lightflix-muted));margin:0;font-size:11px;line-height:1.6}.lf-caption-groups{gap:10px;min-width:0;display:grid}.lf-caption-group{border:1px solid hsl(var(--lightflix-border) / .22);background:hsl(var(--lightflix-cosmos));border-radius:12px;min-width:0}.lf-caption-group summary{cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:76px;padding:16px;list-style:none;display:flex}.lf-caption-group summary::-webkit-details-marker{display:none}.lf-caption-group summary strong{font-size:14px;font-weight:600;display:block}.lf-caption-group summary small{color:hsl(var(--lightflix-secondary));margin-top:4px;font-size:11px;display:block}.lf-caption-group-icon{color:hsl(var(--lightflix-cyan))}.lf-caption-group-icon svg{width:20px;height:20px}.lf-caption-chevron{width:16px;height:16px;color:hsl(var(--lightflix-secondary));flex-shrink:0;margin-inline-start:auto}.lf-caption-group[open] .lf-caption-chevron{transform:rotate(180deg)}.lf-caption-group[open] summary{border-bottom:1px solid hsl(var(--lightflix-border) / .16);border-end-end-radius:0;border-end-start-radius:0}.lf-caption-group-body{padding:4px 16px 14px}.lf-caption-group-body>:not(:last-child){border-bottom:1px solid hsl(var(--lightflix-border) / .12)}.lf-caption-font,.lf-caption-range,.lf-caption-toggle,.lf-caption-color{min-width:0;padding:14px 0;font-size:12px;display:block}.lf-caption-font>span{margin-bottom:8px;display:block}.lf-caption-font select{width:100%;min-height:44px;color:hsl(var(--lightflix-text));background:hsl(var(--lightflix-surface));border:1px solid hsl(var(--lightflix-border) / .3);border-radius:8px;padding:8px 10px}.lf-caption-range>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.lf-caption-range output{font-variant-numeric:tabular-nums;color:hsl(var(--lightflix-cyan));font-size:11px}.lf-caption-range input{width:100%;min-height:30px;accent-color:hsl(var(--lightflix-violet));cursor:pointer;margin-top:6px;display:block}.lf-caption-range[data-disabled]{opacity:.45}.lf-caption-range input:disabled{cursor:not-allowed}.lf-caption-toggle{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.lf-caption-toggle button[data-state=checked]{background:hsl(var(--lightflix-violet))}.lf-caption-color{border:0;margin:0;padding-top:8px}.lf-caption-color legend{padding-top:14px}.lf-caption-swatches{flex-wrap:wrap;gap:0;display:flex}.lf-caption-swatches button,.lf-caption-custom-color{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.lf-caption-swatches button>span{border:1px solid #ffffff60;border-radius:50%;width:22px;height:22px}.lf-caption-swatches button[aria-pressed=true]>span{outline:2px solid hsl(var(--lightflix-cyan));outline-offset:3px}.lf-caption-custom-color{border:1px dashed hsl(var(--lightflix-border) / .6);color:hsl(var(--lightflix-secondary));margin-inline-start:2px}.lf-caption-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lf-caption-custom-color>span{pointer-events:none;font-size:24px}.lf-caption-control-note{color:hsl(var(--lightflix-secondary));padding-bottom:12px;font-size:11px;line-height:1.6}.lf-caption-editor :is(button,input,select,summary):focus-visible,.lf-caption-custom-color:focus-within{outline:2px solid hsl(var(--lightflix-cyan));outline-offset:3px}@media (max-width:1100px){.lf-caption-editor{grid-template-columns:minmax(0,1fr)}.lf-caption-preview-column{position:static}.lf-caption-scene{--caption-preview-max-font:23px;height:270px}}@media (max-width:480px){.lf-caption-scene{--caption-preview-max-font:20px;height:240px}.lf-caption-group summary{padding:14px}.lf-caption-group-body{padding-inline:12px}}