.reel-preset{width:100%;display:flex;align-items:center;gap:10px;background:#303229;border:1px solid #777f42;border-radius:11px;color:#f1f6d7;text-align:left;padding:11px;margin-top:10px}
.reel-preset:hover{background:#3a3f2c;border-color:#d9ed73}
.reel-preset>span:first-child{display:grid;place-items:center;width:34px;height:34px;background:#e8e66b;color:#202114;border-radius:8px;font-size:19px}
.reel-preset>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:3px}
.reel-preset strong{font-size:11px}.reel-preset small{font-size:10px;color:#b9c29a}.reel-preset>span:last-child{font-size:17px}
.form-group select{appearance:auto}.upload-box video{max-width:55px;max-height:70px;border-radius:4px}
.media-note{font-size:10px;line-height:1.5;color:#a4aaa7;background:#2a2e30;border-radius:8px;padding:9px 11px;margin:11px 0}
.scene-visual.reel{display:block;padding:0;background:#1b2029}.scene-visual.reel:after{display:none}
.reel-media{position:absolute;inset:0;overflow:hidden;background:linear-gradient(155deg,#626c83,#202533 65%,#111318)}
.reel-media img,.reel-media video{display:block;width:100%;height:100%;object-fit:cover}
.reel-demo .reel-media img,.reel-demo .reel-media video{object-fit:contain}
.reel-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 22%,transparent 58%,#000b)}
.reel-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:15%;font-family:'Space Grotesk';font-weight:700;letter-spacing:.05em;color:#ffffff99;font-size:clamp(11px,1.4vw,17px);line-height:1.35}
.reel-placeholder:not(.demo){align-items:start;padding-top:27%}
.reel-placeholder.demo{background:linear-gradient(145deg,#a9b1ba,#d8d8d0);color:#464f59}
.fake-browser{position:absolute;inset:18% 9% 22%;background:#e9ebe9;border:3px solid #4a535d;border-radius:5px;box-shadow:0 13px 28px #0006}
.fake-browser:before{content:'● ● ●   Your app / Dashboard';display:block;background:#eef0ed;border-bottom:1px solid #b9c0c2;padding:5px;text-align:left;font-size:7px;color:#5c656b}
.fake-browser:after{content:'◼        ◼        ◼';display:block;margin:18% auto;width:75%;border-radius:3px;background:#c6d5dd;color:#788c94;padding:16% 0;font-size:16px}
.reel-placeholder.demo>span{position:relative;z-index:1;align-self:end;background:#252b33;color:#fff;padding:5px 8px;border-radius:4px}
.reel-kicker{position:absolute;top:5%;left:8%;right:8%;z-index:2;color:#fff;font-size:clamp(7px,.9vw,11px);font-weight:800;letter-spacing:.12em;text-shadow:0 1px 4px #000}
.reel-title{position:absolute;z-index:2;left:8%;right:8%;top:23%;margin:0;font-family:'Space Grotesk';font-size:clamp(15px,2.4vw,29px);line-height:1.12;text-align:center;color:#f5e83d;text-shadow:1px 2px 0 #171717,-1px -1px 0 #171717,0 3px 8px #000;letter-spacing:-.035em}
.reel-hook .reel-title{top:42%;color:#fff;font-size:clamp(17px,2.7vw,32px)}.reel-proof .reel-title{top:42%}.reel-cta .reel-title{top:37%;color:#fff}
.reel-subtitle{position:absolute;z-index:2;left:10%;right:10%;bottom:16%;margin:0;text-align:center;color:#fff;font-size:clamp(9px,1.25vw,15px);font-weight:800;line-height:1.3;text-shadow:0 2px 4px #000,1px 1px #000}
.reel-cta-pill{position:absolute;z-index:2;bottom:7%;left:50%;transform:translateX(-50%);background:#f5e83d;color:#1c1d16;white-space:nowrap;border-radius:5px;padding:6px 11px;font-size:clamp(8px,1vw,12px);font-weight:900}
.preview-mini .reel-title{font-size:15px}.preview-mini .reel-hook .reel-title{font-size:16px}.preview-mini .reel-subtitle{font-size:8px}.preview-mini .reel-kicker{font-size:7px}.preview-mini .reel-cta-pill{font-size:7px}
@media(max-width:600px){.reel-preset{margin-top:2px}}