/* 5DollarVideo 0.5 – Motion Maker: isolated from v0.4 design system */
.instant-motion{border:1px solid #56eff27a;background:radial-gradient(circle at 83% 5%,#ff2ea01b,transparent 47%),linear-gradient(155deg,#251431,#111023);box-shadow:inset 0 1px #ffffff1b,0 0 36px #39e7ef16;border-radius:22px;padding:21px;position:relative;overflow:hidden}
.instant-motion:before{content:'✳';color:#ff60b818;font-size:170px;position:absolute;right:-35px;top:-59px;pointer-events:none}.instant-motion-head{position:relative;z-index:1}.instant-motion-eyebrow{color:#5cfff1;font-size:10px;letter-spacing:1.7px;font-weight:900}.instant-motion-head h3{font:900 clamp(25px,2.7vw,34px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.5px;margin:16px 0}.instant-motion-head h3 em{font-style:normal;background:linear-gradient(100deg,#ff60b9,#48f7ef);-webkit-background-clip:text;background-clip:text;color:transparent}.instant-motion-head p{color:#cbbbd1;font-size:12px;line-height:1.65;margin:0 0 18px}.instant-motion-head strong{color:#fce6fa}.motion-editor-controls{display:grid;gap:8px;margin:15px 0}.motion-editor-controls label,.motion-editor-label{font-size:10px;letter-spacing:1.1px;color:#65faf0;font-weight:900;margin-top:7px}.motion-editor-controls label small{font-weight:500;letter-spacing:0;color:#a697b7;font-size:10px;float:right}.motion-editor-controls input{background:#160f25;border:1px solid #5a456a;border-radius:10px;padding:13px;color:#fff;font:600 12px 'Space Grotesk',Arial,sans-serif;width:100%;min-width:0}.motion-editor-controls input:focus{outline:2px solid #4ff9ed;outline-offset:2px}.motion-theme-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.motion-theme{border:1px solid #5a4966;border-radius:10px;background:#21182a;color:#e9dbea;padding:10px 4px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;justify-content:center}.motion-theme i{width:11px;height:11px;border-radius:50%;background:linear-gradient(125deg,#ff3bb3,#5cfbf1);box-shadow:0 0 8px #fd47af}.motion-theme[data-motion-theme="sunset"] i{background:linear-gradient(125deg,#ff9951,#ffd86b)}.motion-theme[data-motion-theme="mint"] i{background:linear-gradient(125deg,#5cf2c7,#83dbff)}.motion-theme.active{border-color:#63f9ef;background:#2e2342;box-shadow:0 0 17px #41e5e51e}.motion-theme:focus-visible{outline:2px solid #5bf9ee;outline-offset:2px}
.motion-canvas-frame{border:1px solid #5f436e;border-radius:16px;background:#0a0714;padding:10px 12px 13px;display:grid;place-items:center;gap:12px}.motion-canvas-top,.motion-canvas-bottom{display:flex;justify-content:space-between;width:100%;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#bcabc8;gap:6px}.motion-canvas-top>span:first-child{color:#5ff8ef}.motion-live-dot{display:inline-block;width:7px;height:7px;background:#55f8ec;border-radius:50%;box-shadow:0 0 10px #55f8ec;margin-right:4px}.motion-canvas-frame canvas{width:auto;max-width:100%;max-height:440px;aspect-ratio:9/16;object-fit:contain;box-shadow:0 0 34px #fb3caa30;border-radius:9px;background:#1b1022;display:block}.motion-canvas-frame canvas[data-ratio="1:1"]{aspect-ratio:1/1;max-height:360px}.motion-canvas-frame canvas[data-ratio="16:9"]{aspect-ratio:16/9;width:100%;max-height:300px}.motion-canvas-bottom{color:#9e92a7}.instant-motion-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:14px}.instant-motion-actions .button{font-size:11px;padding:12px 10px;flex:1 1 130px;min-height:42px}.instant-motion-actions button[disabled]{opacity:.5;cursor:not-allowed}.motion-export-status{font-size:11px;color:#57ebeb;line-height:1.6;margin-top:11px;min-height:35px}.motion-export-progress{height:6px;background:#45344e;border-radius:30px;overflow:hidden;margin:9px 0}.motion-export-progress[hidden]{display:none!important}.motion-export-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff3fa8,#4dfcf0);transition:width .12s linear}.motion-export-note{color:#b6a5c2;font-size:10px;line-height:1.65;margin:12px 0 0}.motion-free-strip{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:30px;padding:35px 42px;margin-block:26px 85px;border:1px solid #d45eb87b;border-radius:26px;background:radial-gradient(ellipse at 3% 50%,#e52e9b44,transparent 32%),linear-gradient(90deg,#2b1234,#0d1829);box-shadow:0 0 50px #f22fba18}.motion-free-strip h2{font:900 clamp(30px,3.3vw,51px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-2.5px;margin:12px 0}.motion-free-strip p{max-width:650px;line-height:1.75;color:#d7cadf;font-size:14px}.motion-free-strip small{font-size:11px;color:#9d90ab}.motion-free-emblem{width:88px;height:88px;border:2px solid #ed55b8;display:grid;place-items:center;color:#5af9ef;font-size:42px;border-radius:26px;transform:rotate(-9deg);box-shadow:0 0 30px #fa43a15e;position:relative}.motion-free-emblem span{position:absolute;right:-11px;top:-21px;color:#ff49b5;font-size:38px}.motion-free-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.motion-free-actions .button{white-space:nowrap}.motion-free-actions .inline-link{font-size:12px;color:#58eee5}
@media(max-width:1050px){.motion-free-strip{grid-template-columns:80px 1fr}.motion-free-actions{grid-column:2;align-items:flex-start}.motion-free-emblem{width:76px;height:76px}}
@media(max-width:680px){.motion-free-strip{grid-template-columns:1fr;gap:13px;padding:23px;margin-bottom:55px}.motion-free-emblem{width:64px;height:64px;font-size:30px;border-radius:20px}.motion-free-strip h2{font-size:38px;letter-spacing:-2px}.motion-free-strip p{font-size:13px}.motion-free-actions{grid-column:1;align-items:stretch}.instant-motion{padding:15px;border-radius:16px}.motion-canvas-frame{padding:10px}.instant-motion-head h3{font-size:28px}.motion-theme{font-size:10px}.motion-editor-controls label small{display:none}.instant-motion-actions .button{flex:1 1 100%;font-size:12px}.motion-canvas-frame canvas{max-height:380px}}
@media(prefers-reduced-motion:reduce){.motion-live-dot{box-shadow:none}.motion-export-progress span{transition:none}}
/* The angled legacy marquee extends a few pixels beyond the viewport. Clip it at document edge. */
html,body{overflow-x:clip}