/* Real footage examples for the homepage automation section. */
.automation-shell .feature-tab{min-height:96px;align-items:start;padding:18px 14px}
.automation-shell .feature-tab small{display:block;font-size:12px;line-height:1.5;color:#5f6d82}
.automation-shell .feature-tab b{font-size:15px;line-height:1.4}
.automation-shell .feature-tab:focus-visible,.feature-demo-layout button:focus-visible{outline:3px solid #a58cff;outline-offset:3px}
.automation-shell .panel-copy{max-width:710px}
.automation-shell .panel-copy>span{font-size:12px}
.automation-shell .panel-copy p{font-size:16px;line-height:1.75;color:#c0cbdb}
.automation-shell .feature-panel{height:auto;min-height:640px}
.feature-demo-layout{display:grid;grid-template-columns:minmax(200px,245px) minmax(0,1fr);gap:28px;margin-top:30px;align-items:start}
.feature-demo-player{min-width:0}
.feature-demo-screen{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid #485378;border-radius:17px;background:#070e1b;isolation:isolate}
.feature-demo-screen>video{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 32%}
.feature-demo-badge{position:absolute;top:12px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:5px 9px;border:1px solid #ffffff35;border-radius:7px;background:#090f20d9;color:#fff;font-size:10px;font-weight:750;pointer-events:none}
.demo-zoom-value{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);border-radius:8px;padding:5px 10px;background:#181633dd;color:#ded5ff;font-size:12px;font-weight:750}
.feature-demo-controls{display:flex;align-items:center;gap:9px;margin-top:12px}
.feature-demo-controls button,.demo-choices button{min-height:38px;padding:8px 11px;border:1px solid #536080;border-radius:9px;background:#172840;color:#f5f7fc;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.feature-demo-controls button:hover,.demo-choices button:hover{background:#2b3655;border-color:#a78bfa}
.feature-demo-controls button{white-space:nowrap;min-width:75px}
.feature-demo-controls input{width:100%;min-width:30px;accent-color:#a68cff;cursor:pointer}
.demo-time{font-size:11px;color:#c4d0e2;font-variant-numeric:tabular-nums}
.feature-demo-note{margin:10px 0 0;font-size:11px;color:#aab9ce;line-height:1.6}
.demo-error{font-size:12px;color:#ffb7bd;line-height:1.5}
.demo-choice-label,.demo-slider-label{display:block;margin:0 0 10px;color:#e9edf8;font-size:13px;font-weight:750}
.demo-choices{display:flex;flex-wrap:wrap;gap:8px}
.demo-choices button[aria-pressed=true]{border-color:#a88fff;background:#493583;color:#fff}
.demo-slider-label output{float:right;color:#c7b6ff}
#demoZoomStrength{width:100%;margin:8px 0 0;accent-color:#a68cff}
.feature-explainer{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:19px}
.feature-explainer li{border-top:1px solid #36445e;padding-top:16px}
.feature-explainer strong{font-size:14px;line-height:1.5;color:#fff}
.feature-explainer p{font-size:13px;line-height:1.75;color:#b9c7da;margin:6px 0 0}
.demo-caption-overlay{position:absolute;bottom:22%;left:4%;right:4%;text-align:center;color:#fff;font-size:25px;line-height:1.1;font-weight:950;letter-spacing:-.04em;text-shadow:0 2px 2px #000,1px 0 1px #000,-1px 0 1px #000;pointer-events:none}
.demo-caption-overlay span{display:inline-block;padding:2px 1px;transition:color .12s,transform .12s}
.demo-caption-overlay[data-style=bold] .is-spoken{color:#ffe13d;transform:scale(1.1)}
.demo-caption-overlay[data-style=color] span:nth-of-type(3){color:#55eafa}
.demo-caption-overlay[data-style=color] span:nth-of-type(4){color:#80fb70}
.demo-caption-overlay[data-style=color] .is-spoken{transform:translateY(-3px);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.demo-caption-overlay[data-style=clean]{font-size:19px;font-weight:650;letter-spacing:0;line-height:1.45;text-shadow:none;background:#0a1424d9;border-radius:8px;padding:8px}
.demo-caption-overlay[data-style=clean] .is-spoken{color:#c9bbff}
.feature-demo-screen>.demo-broll-detail{position:absolute;object-fit:cover;transform:none;left:0;bottom:0;width:100%;height:50%;border-top:2px solid #b09cff}
.is-split .feature-demo-screen>[data-demo-video]{height:50%;object-position:50% 30%}
.is-cutaway .feature-demo-screen>.demo-broll-detail{height:100%;border:0}
.demo-broll-label{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:6px;background:#10152bda;color:#fff;font-size:10px;font-weight:700}
@media(max-width:1100px) and (min-width:761px){.automation-shell{grid-template-columns:220px minmax(0,1fr)}.automation-shell .feature-panel{padding:28px}.feature-demo-layout{grid-template-columns:minmax(170px,210px) minmax(0,1fr);gap:20px}}
@media(max-width:760px){.automation-shell .feature-tabs{grid-template-columns:1fr 1fr}.automation-shell .feature-tab{min-height:110px;padding:12px 9px}.automation-shell .feature-tab b{font-size:13px}.automation-shell .feature-tab small{font-size:11px;line-height:1.45}.automation-shell .panel-copy p{font-size:14px}.automation-shell .feature-panel{min-height:0}.feature-demo-layout{grid-template-columns:1fr;gap:22px}.feature-demo-player{width:min(100%,270px);margin:auto}.feature-demo-details{min-width:0}.feature-explainer{gap:15px}.feature-demo-badge{font-size:11px}.feature-demo-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-caption-overlay span{transition:none}}

/* Auto Presets: shared visual recipes from the editor gallery. */
.auto-edit-preview-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;background:#090d16}
.auto-edit-preview-caption{position:absolute;left:50%;bottom:12%;z-index:8;transform:translateX(-50%);padding:5px 9px;border-radius:4px;background:#fff;color:#161616;font:900 8px/1 "Montserrat",sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.32);white-space:nowrap}.auto-edit-preview-caption em{color:#a8a8a8;font-style:normal}
.magazine-preview-media{transform:translateY(8%);transform-origin:50% 100%;filter:saturate(.78) contrast(1.06) sepia(.08)}.magazine-preview-paper{position:absolute;z-index:4;left:0;right:0;top:0;height:28%;background-color:#078ccc;background-image:linear-gradient(rgba(0,126,199,.08),rgba(0,126,199,.08)),url('/static/auto-edit-presets/magazine-blue-paper-v1.png');background-size:115% auto;background-position:center;background-blend-mode:color,multiply}.magazine-preview-paper:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-28%;height:40%;background:linear-gradient(175deg,#fffdf6,#eee8dc);clip-path:polygon(0 30%,6% 13%,12% 31%,19% 8%,27% 28%,36% 11%,44% 32%,52% 7%,61% 26%,69% 12%,79% 31%,88% 10%,95% 27%,100% 12%,100% 55%,94% 44%,86% 62%,78% 45%,69% 65%,60% 47%,51% 67%,41% 48%,31% 65%,22% 46%,13% 63%,6% 48%,0 60%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.magazine-preview-title{position:absolute;z-index:7;left:50%;top:7%;display:flex;width:86%;flex-direction:column;align-items:center;gap:5px;transform:translateX(-50%) rotate(-3deg)}.magazine-preview-title b{display:block;width:max-content;max-width:100%;padding:5px 9px;background:repeating-linear-gradient(135deg,#101318 0 3px,#1b1f25 3px 6px);color:#fff;font:500 8px/1 "Courier New",monospace;letter-spacing:.22em;white-space:nowrap;box-shadow:3px 3px 0 #78a800;text-align:center}.magazine-preview-title b:last-child{transform:rotate(2deg)}.magazine-preview-sticker{position:absolute;z-index:7;width:46px;height:46px;background-image:url('/static/auto-edit-presets/magazine-collage-stickers-v1.png');background-size:200% 200%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.26))}.magazine-preview-sticker.one{right:4%;top:28%;background-position:0 0;transform:rotate(8deg)}.magazine-preview-sticker.two{left:3%;top:34%;background-position:0 100%;transform:rotate(-9deg)}
.editorial-circles-preview{isolation:isolate}.editorial-circles-preview .auto-edit-preview-media{filter:saturate(.86) contrast(1.04);animation:rcEditorialPreviewMedia 8s ease-in-out infinite}.editorial-preview-topic{position:absolute;z-index:7;left:50%;top:5%;width:94%;transform:translateX(-50%);overflow:hidden;color:#fff;font:900 31px/.82 "Roboto Condensed","Arial Narrow",sans-serif;letter-spacing:-.07em;text-align:center;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.42);white-space:nowrap;animation:rcEditorialPreviewTopic 8s steps(1,end) infinite}.editorial-preview-pill{position:absolute;z-index:8;left:50%;bottom:12%;transform:translateX(-50%);padding:5px 10px 6px;border:1px solid #fff;border-radius:99px;background:#205a9f;color:#fff;font:italic 600 8px/1.05 Georgia,serif;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.25);animation:rcEditorialPreviewPill 8s steps(1,end) infinite}.editorial-preview-circle{position:absolute;z-index:9;inset:0;background:#f6f1e9;clip-path:circle(0 at 50% 48%);animation:rcEditorialPreviewCircle 8s ease-in-out infinite}.editorial-preview-circle:before{content:"";position:absolute;left:16%;right:16%;top:17%;bottom:17%;border:2px solid #205a9f;border-radius:50%;background:url('/static/auto-edit-presets/dynamic-cutaway-preview-poster.jpg') center 45%/cover no-repeat}.editorial-preview-statement{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#205a9f;color:#fff;font:900 20px/.84 "Roboto Condensed","Arial Narrow",sans-serif;letter-spacing:-.045em;text-align:center;text-transform:uppercase;opacity:0;animation:rcEditorialPreviewStatement 8s steps(1,end) infinite}.editorial-preview-statement:before,.editorial-preview-statement:after{content:"";position:absolute;width:82px;height:82px;border:1px solid rgba(255,255,255,.75);border-radius:50%}.editorial-preview-statement:before{left:-40px;top:-42px}.editorial-preview-statement:after{right:-46px;bottom:-38px}@keyframes rcEditorialPreviewMedia{0%,35%{transform:scale(1)}36%,55%{transform:scale(1.09)}56%,100%{transform:scale(1.03)}}@keyframes rcEditorialPreviewTopic{0%,34%,82%,100%{opacity:1}35%,81%{opacity:0}}@keyframes rcEditorialPreviewPill{0%,34%,56%,81%,83%,100%{opacity:1}35%,55%,82%{opacity:0}}@keyframes rcEditorialPreviewCircle{0%,34%{clip-path:circle(0 at 50% 48%)}42%,55%{clip-path:circle(78% at 50% 48%)}56%,100%{clip-path:circle(0 at 50% 48%)}}@keyframes rcEditorialPreviewStatement{0%,61%,82%,100%{opacity:0}62%,81%{opacity:1}}
.focus-frame-preview{isolation:isolate;background:#263958}.focus-frame-preview .auto-edit-preview-media{inset:10% 12% 47%;width:76%;height:43%;border:1px solid rgba(255,234,176,.8);border-radius:10px;filter:saturate(.75) contrast(1.08);animation:rcFocusPreviewMedia 7s ease-in-out infinite}.focus-frame-preview:before{content:"FOCUS  •  STORY  •  FOCUS  •  STORY";position:absolute;z-index:7;left:2px;top:8%;bottom:8%;width:10px;overflow:hidden;color:#f18a3c;font:900 6px/.9 "Roboto Condensed",sans-serif;letter-spacing:.09em;text-align:center;writing-mode:vertical-rl}.focus-frame-preview:after{content:"1/125     F5.6     ISO 200";position:absolute;z-index:7;right:9%;bottom:3%;color:#ec6f91;font:700 5px/1 monospace;letter-spacing:.12em}.focus-preview-title{position:absolute;z-index:8;left:50%;top:5%;transform:translateX(-50%);color:#ef8a43;font:900 22px/.85 "Roboto Condensed",sans-serif;text-transform:uppercase;text-shadow:2px 2px 0 rgba(10,16,28,.65)}.focus-preview-caption{position:absolute;z-index:9;left:50%;top:47%;transform:translate(-50%,-50%);padding:4px 7px;background:#08090b;color:#fff;font:800 8px/1 "Courier New",monospace;letter-spacing:.06em;white-space:nowrap}.focus-preview-broll{position:absolute;z-index:6;left:12%;right:12%;top:57%;bottom:12%;border:1px solid rgba(255,234,176,.82);border-radius:10px;background:linear-gradient(145deg,rgba(13,22,39,.1),rgba(13,22,39,.3)),url('/static/auto-edit-presets/dynamic-cutaway-preview-poster.jpg') center 72%/cover no-repeat;animation:rcFocusPreviewBroll 7s steps(1,end) infinite}.focus-preview-hud{position:absolute;z-index:10;left:50%;top:26%;width:38px;height:28px;border:1px solid rgba(255,241,200,.8);transform:translate(-50%,-50%);clip-path:polygon(0 0,28% 0,28% 5%,5% 5%,5% 28%,0 28%,0 0,72% 0,100% 0,100% 28%,95% 28%,95% 5%,72% 5%,72% 0,0 72%,5% 72%,5% 95%,28% 95%,28% 100%,0 100%,0 72%,72% 100%,72% 95%,95% 95%,95% 72%,100% 72%,100% 100%,72% 100%)}@keyframes rcFocusPreviewMedia{0%,42%{inset:10% 10% 10%;width:80%;height:80%}43%,72%{inset:10% 12% 47%;width:76%;height:43%}73%,100%{inset:10% 10% 10%;width:80%;height:80%}}@keyframes rcFocusPreviewBroll{0%,42%,73%,100%{opacity:0}43%,72%{opacity:1}}
.focus-preview-title{left:16%;width:0;transform:none;overflow:hidden;text-align:left;white-space:nowrap;animation:rcFocusPreviewType 7s steps(5,end) infinite}.focus-frame-preview:after{pointer-events:none}@keyframes rcFocusPreviewType{0%,5%{width:0}19%,42%{width:70%}43%,100%{width:0}}
.sketchbook-notes-preview{isolation:isolate;background:#171d22}.sketchbook-notes-preview .auto-edit-preview-media{filter:saturate(.76) contrast(1.04) brightness(.9);animation:rcSketchbookPreviewMedia 7.5s ease-in-out infinite}.sketchbook-preview-topic{position:absolute;z-index:8;left:50%;top:24%;width:max-content;max-width:88%;transform:translateX(-50%);overflow:hidden;color:#fff4df;font:900 21px/.88 "Montserrat",sans-serif;letter-spacing:-.055em;text-align:center;text-transform:uppercase;white-space:nowrap;clip-path:inset(0 0 0 100%);animation:rcSketchbookPreviewTopic 7.5s cubic-bezier(.2,.75,.2,1) infinite}.sketchbook-preview-ring{position:absolute;z-index:7;left:50%;top:30%;width:69%;height:25%;transform:translate(-50%,-50%) rotate(-4deg);border:2px solid rgba(255,229,193,.9);border-radius:50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));clip-path:inset(0 100% 0 0);animation:rcSketchbookPreviewRing 7.5s ease-out infinite}.sketchbook-preview-ring:after{content:"";position:absolute;inset:3px -4px -3px 2px;border:1px solid rgba(255,229,193,.72);border-radius:49%;transform:rotate(4deg)}.sketchbook-preview-script{position:absolute;z-index:8;left:50%;top:43%;width:76%;transform:translateX(-50%);color:#fff8e9;font:700 11px/1.05 "Caveat",cursive;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.62);animation:rcSketchbookPreviewScript 7.5s steps(1,end) infinite}.sketchbook-preview-tape{position:absolute;z-index:9;left:50%;bottom:15%;transform:translateX(-50%) rotate(-1deg);padding:5px 11px;background:#24272a;color:#fff7e8;font:700 8px/1 "Caveat",cursive;box-shadow:-5px 1px 0 #24272a,5px -1px 0 #24272a;opacity:0;animation:rcSketchbookPreviewTape 7.5s steps(1,end) infinite}.sketchbook-preview-pip{position:absolute;z-index:10;right:8%;top:12%;width:38px;aspect-ratio:1;border:2px solid #fff3dc;border-radius:50%;background:url('/static/auto-edit-presets/dynamic-cutaway-preview-poster.jpg') 50% 28%/190% auto no-repeat;box-shadow:0 3px 9px rgba(0,0,0,.35);opacity:0;animation:rcSketchbookPreviewPip 7.5s steps(1,end) infinite}@keyframes rcSketchbookPreviewTopic{0%,3%{clip-path:inset(0 0 0 100%)}12%,34%{clip-path:inset(0)}35%,100%{clip-path:inset(0 0 0 100%)}}@keyframes rcSketchbookPreviewRing{0%,8%{clip-path:inset(0 100% 0 0)}17%,34%{clip-path:inset(0)}35%,100%{clip-path:inset(0 100% 0 0)}}@keyframes rcSketchbookPreviewScript{0%,10%{clip-path:inset(0 100% 0 0)}25%,34%{clip-path:inset(0)}35%,100%{clip-path:inset(0 100% 0 0)}}@keyframes rcSketchbookPreviewTape{0%,27%{opacity:0}28%,48%{opacity:1}49%,100%{opacity:0}}@keyframes rcSketchbookPreviewMedia{0%,48%{transform:scale(1)}49%,88%{transform:scale(1.08);filter:saturate(.72) contrast(1.02) brightness(.96)}89%,100%{transform:scale(1.02)}}@keyframes rcSketchbookPreviewPip{0%,52%{opacity:0}53%,88%{opacity:1}89%,100%{opacity:0}}
.signal-stack-preview{isolation:isolate;background:#050b0e}.signal-stack-preview .auto-edit-preview-media{filter:saturate(1.1) contrast(1.12) brightness(.83);transform-origin:50% 30%;animation:rcSignalPreviewMedia 8s cubic-bezier(.18,.78,.22,1) infinite}.signal-preview-topic,.signal-preview-echo{position:absolute;z-index:3;left:50%;width:92%;transform:translateX(-50%);font:italic 950 30px/.82 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.05em;text-align:center;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fff;text-shadow:-2px 0 #27e8d1,2px 0 #ff377d}.signal-preview-topic{top:7%;white-space:nowrap;animation:rcSignalPreviewTopic 8s ease-in-out infinite}.signal-preview-echo{top:3%;font-size:41px;line-height:.77;opacity:0;white-space:normal;animation:rcSignalPreviewEcho 8s ease-in-out infinite}.signal-preview-hud{position:absolute;z-index:7;left:50%;top:43%;width:76%;height:38%;border:1px solid rgba(255,255,255,.9);border-radius:9px;box-shadow:inset 0 0 0 8px rgba(5,11,14,.18);transform:translate(-50%,-50%) scale(.02);opacity:0;animation:rcSignalPreviewHud 8s ease-in-out infinite}.signal-preview-hud:before{content:"●  LEARNING";position:absolute;left:5%;top:5%;color:#cdfd37;font:700 7px/1 monospace;letter-spacing:.12em}.signal-preview-hud:after{content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.78);border-radius:6px;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.12) 5px)}.signal-preview-caption{position:absolute;z-index:10;left:50%;bottom:16%;transform:translateX(-50%);width:90%;color:#fff;font:800 12px/.9 "Poppins",sans-serif;text-align:center;text-shadow:0 2px 3px #000}.signal-preview-caption em{color:#cdfd37;font:italic 950 17px/.85 "Barlow Condensed",sans-serif;text-shadow:0 0 6px rgba(205,253,55,.7)}.signal-stack-preview:after{content:"";position:absolute;z-index:9;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72)),radial-gradient(circle at 50% 40%,transparent 42%,rgba(0,0,0,.34));pointer-events:none}@keyframes rcSignalPreviewMedia{0%{transform:scale(1.9);filter:blur(5px) saturate(1.1) contrast(1.12) brightness(.83)}7%,100%{transform:scale(1);filter:blur(0) saturate(1.1) contrast(1.12) brightness(.83)}}@keyframes rcSignalPreviewTopic{0%,11%{opacity:0;transform:translateX(-140%)}16%,40%{opacity:1;transform:translateX(-50%)}41%,100%{opacity:0}}@keyframes rcSignalPreviewHud{0%,44%{opacity:0;transform:translate(-50%,-50%) scale(.02)}51%,69%{opacity:1;transform:translate(-50%,-50%) scale(1)}74%,100%{opacity:0;transform:translate(-50%,-50%) scale(.02)}}@keyframes rcSignalPreviewEcho{0%,74%{opacity:0;transform:translate(-50%,40%)}79%,95%{opacity:.75;transform:translate(-50%,-4%)}100%{opacity:0;transform:translate(-50%,-40%)}}

.homepage-preset-stage{position:relative;height:350px;border:1px solid #536080;border-radius:17px;overflow:hidden;background:#090d16}
.homepage-preset-preview{position:absolute;inset:0;overflow:hidden}
.homepage-preset-preview[hidden],[data-preset-details][hidden]{display:none!important}
.homepage-preset-preview .auto-edit-preview-media{position:absolute;inset:0}
.homepage-preset-stage:not(.is-playing) *, .homepage-preset-stage:not(.is-playing) *:before,.homepage-preset-stage:not(.is-playing) *:after{animation-play-state:paused!important}
.homepage-preset-description{margin-top:20px;padding:18px;border:1px solid #536080;border-radius:12px;background:#182b47}
.homepage-preset-description strong{color:#fff;font-size:16px}
.homepage-preset-description p{color:#c0cbdb;font-size:13px;line-height:1.7;margin:8px 0 12px}
.homepage-preset-badges{display:flex;flex-wrap:wrap;gap:6px}
.homepage-preset-badges i{font-style:normal;font-size:10px;font-weight:750;color:#ded4ff;background:#433465;padding:5px 8px;border-radius:5px}
@media(max-width:760px){.homepage-preset-demo{width:min(100%,270px);margin:auto}}
@media(prefers-reduced-motion:reduce){.homepage-preset-stage *,.homepage-preset-stage *:before,.homepage-preset-stage *:after{animation:none!important}}

/* A supporting visual is visible only inside its scheduled interval. */
[data-demo-player="b-roll"]:not(.broll-visible) .feature-demo-screen>.demo-broll-detail,
[data-demo-player="b-roll"]:not(.broll-visible) .demo-broll-label{visibility:hidden}
[data-demo-player="b-roll"]:not(.broll-visible) .feature-demo-screen>[data-demo-video]{height:100%;object-position:center}
.demo-broll-timeline{display:grid;grid-template-columns:5fr 3fr 7fr;gap:3px;margin-top:12px;font-size:9px;text-align:center;color:#c1cee0}
.demo-broll-timeline span{background:#253951;padding:7px 2px;border-radius:4px}
.demo-broll-timeline span:nth-child(2){background:#4b377c;color:#e8dcff}

/* Start miniature recipes on a readable frame rather than their opening blur. */
.homepage-preset-stage *,.homepage-preset-stage *:before,.homepage-preset-stage *:after{animation-delay:-1.5s}

/* Expose the actual automatic motion controls as readable feature cards. */
.motion-options{margin-bottom:26px}
.motion-options h4{margin:0;color:#fff;font-size:18px;line-height:1.4}
.motion-options-intro{margin:7px 0 16px;color:#bccbe0;font-size:13px;line-height:1.65}
.motion-options-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.motion-options-grid li{padding:16px;border:1px solid #415472;border-radius:12px;background:#142942;min-width:0}
.motion-options-grid strong{display:flex;gap:9px;align-items:baseline;color:#fff;font-size:14px;line-height:1.5}
.motion-options-grid strong>span{color:#b9a5ff;font-size:18px}
.motion-options-grid p,.motion-options-footnote{margin:9px 0 0;color:#c3cfe0;font-size:12px;line-height:1.7}
.motion-option-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.motion-option-tags>span{border:1px solid #5b5187;border-radius:5px;padding:4px 7px;background:#302b51;color:#e6ddff;font-size:11px;line-height:1.4}
.motion-options-footnote{padding:13px 0 0;color:#aebed4}
@media(min-width:761px) and (max-width:1250px){.motion-options-grid{grid-template-columns:1fr}}
@media(max-width:520px){.motion-options-grid{grid-template-columns:1fr}.motion-options-grid p,.motion-options-footnote{font-size:13px}}

/* Real preset exports retain their portrait framing and baked-in styling. */
.homepage-preset-stage.has-video-preview{height:auto;aspect-ratio:9/16}
.homepage-preset-video{display:block;width:100%;height:100%;object-fit:contain}
#presetPreviewSound[hidden]{display:none}