.cinematic-builder{gap:16px}
.cinematic-group{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.cinematic-group>summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--text);font-size:15px;font-weight:950;cursor:pointer;list-style:none}
.cinematic-group>summary::-webkit-details-marker{display:none}
.cinematic-group>summary:after{content:"+";display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--surface-soft);font-size:17px}
.cinematic-group[open]>summary:after{content:"−"}
.cinematic-group>summary small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:800}
.cinematic-group>summary:focus-visible{outline:3px solid #72a7ea;outline-offset:-3px}
.cinematic-group>fieldset{min-width:0;margin:0;padding:0 12px 12px;border:0}
.cinematic-submit{position:static;bottom:auto;box-shadow:none}
.cinematic-preset>input+span{min-height:252px;padding:10px 38px 13px 10px}
.cinematic-preview{position:relative;display:block;grid-column:1/-1;height:118px;min-height:0;margin:-1px -29px 3px 0;padding:0;gap:0;overflow:hidden;border:0;border-radius:10px;background:#09121e}
.cinematic-preview video{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:filter .25s ease}
.cinematic-preview em{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:7px;color:#fff;background:rgba(4,12,24,.74);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.03em}
.cinematic-preset input:checked+span .cinematic-preview em{background:#2477dc}
.cinematic-preset:is(:hover,:focus-within) .cinematic-preview em{opacity:0}
.cinematic-prompt-copy{display:-webkit-box!important;min-height:40px!important;margin-top:4px!important;padding:7px 0 0!important;overflow:hidden!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;color:var(--muted)!important;background:transparent!important;font-size:8px!important;line-height:1.45!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cinematic-prompt-copy strong{display:block;margin-bottom:2px;color:var(--text);font-size:7px;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:900px){.side-label[data-side-group]{min-height:44px}}
@media(max-width:600px){.cinematic-submit{bottom:auto}.cinematic-preset>input+span{min-height:238px}.cinematic-preview{height:108px}}
@media(prefers-reduced-motion:reduce){.cinematic-preset video{animation:none!important;transition:none}}