@scope(.legacy-ai){main{--ink:#171714;--cream:#f3efe5;--paper:#fbfaf6;--orange:#f05c31;--line:#d4cfc3}*{box-sizing:border-box}main{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea,select{font:inherit}button{color:inherit;cursor:pointer}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.brand{align-items:center;gap:10px;font:700 21px Georgia,serif;display:flex}.brand i{background:var(--orange);color:#fff;letter-spacing:.1em;border-radius:20px;padding:4px 6px;font:700 9px Arial}.mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-style:italic;display:grid}.privacy{color:#746f65;letter-spacing:.05em;font-size:11px}header{max-width:1180px;margin:auto;padding:62px 24px 42px}.eyebrow,.panelLabel{letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--orange);width:26px;height:2px}h1{letter-spacing:-.045em;margin:22px 0;font:500 clamp(48px,6vw,82px)/.95 Georgia,serif}h1 em{color:var(--orange);font-weight:400}header p{color:#625e55;max-width:630px;font-size:17px;line-height:1.55}.workspace{grid-template-columns:1.15fr .85fr;gap:20px;max-width:1180px;margin:0 auto;padding:0 24px;display:grid}.mediaPanel,aside{background:var(--paper);border:1px solid var(--line);padding:18px;box-shadow:0 18px 50px #342e2110}.panelLabel{padding:5px 2px 17px}.panelLabel span{color:var(--orange)}.stage{background:#191815;place-items:center;height:510px;display:grid;position:relative;overflow:hidden}.stage>img,.stage>video{object-fit:contain;width:100%;height:100%}.drop{color:#fff;background:radial-gradient(circle at 50% 42%,#2d2a25,#191815 67%);border:1px dashed #777269;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 36px);height:calc(100% - 36px);display:flex}.drop span{color:#ff7b55;border:1px solid #716d65;border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.drop strong{margin:18px 0 8px;font:400 23px Georgia,serif}.drop small{color:#aaa59a}.fileRow{color:#78736a;justify-content:space-between;align-items:end;height:39px;font-size:11px;display:flex}.fileRow button{background:0 0;border:0;text-decoration:underline}.generating{color:#fff;text-align:center;background:#171714e8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.generating strong{margin:20px 0 8px;font:400 22px Georgia,serif}.generating small{color:#aba69c;max-width:310px;line-height:1.5}.orb{border:2px solid #4a4640;border-top-color:var(--orange);border-radius:50%;width:58px;height:58px;animation:1s linear infinite spin}.promptLabel{margin:9px 0 10px;font:500 21px Georgia,serif;display:block}textarea{resize:vertical;border:1px solid var(--line);background:#f2efe7;outline:none;width:100%;height:145px;padding:14px;line-height:1.5}textarea:focus{border-color:var(--orange)}.ideas{flex-wrap:wrap;gap:6px;margin:12px 0 25px;display:flex}.ideas span{color:#817c72;width:100%;font-size:10px}.ideas button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 10px;font-size:10px}.options{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:22px;display:grid}.options label{font-size:10px;font-weight:700}.options select{border:1px solid var(--line);background:#f2efe7;width:100%;margin-top:7px;padding:11px;display:block}.generate{background:var(--orange);color:#fff;border:0;justify-content:space-between;width:100%;margin-top:24px;padding:17px 18px;font-weight:700;display:flex}.generate:disabled{opacity:.4;cursor:not-allowed}.note{text-align:center;color:#8c877d;font-size:9px}.error,.success{margin-top:15px;padding:11px;font-size:11px;line-height:1.45}.error{color:#9e3518;background:#fff0eb}.success{color:#346534;background:#eaf5e9}.download{text-align:center;color:var(--orange);margin-top:14px;font-size:12px;display:block}.tips{border:1px solid var(--line);color:#716c62;align-items:center;gap:36px;max-width:1132px;margin:22px auto 70px;padding:20px 24px;font-size:11px;display:flex}.tips b{color:var(--ink);font:500 16px Georgia,serif}.tips span:before{content:"✓";color:var(--orange);margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.workspace{grid-template-columns:1fr}.stage{height:440px}.tips{flex-wrap:wrap;gap:14px 25px;margin-left:24px;margin-right:24px}}@media (width<=500px){nav{padding:0 18px}.privacy{display:none}header{padding:46px 17px 34px}.workspace{padding:0 14px}.stage{height:390px}.drop small{text-align:center;padding:0 20px}.options{grid-template-columns:1fr}.tips{flex-direction:column;align-items:flex-start;margin:16px 14px 50px}.tips b{margin-bottom:3px}}}@scope(.legacy-ai){main{--ink:#eff8ff;--cream:#020b16;--paper:#061827;--orange:#09cfff;--line:#1d4967;color:var(--ink);background:linear-gradient(145deg,#03101d,#061e34)}nav{background:#041324}.brand{font:800 26px Segoe UI,Arial,sans-serif}.brand .mark{color:#0000;background:#030b16 url(/frameflow-brand-ad.png) -7px -5px/250px 250px no-repeat;border-radius:6px;width:33px;height:34px}.brand i{color:#fff;background:#0467ea}.privacy{color:#9ccce8}h1{text-transform:uppercase;letter-spacing:-.045em;font:italic 900 clamp(40px,6vw,72px)/1.05 Arial Black,Segoe UI,Arial,sans-serif}h1 em{color:#20dcff}header p{color:#a3c8e1}.mediaPanel,aside{background:linear-gradient(140deg,#082238,#041422);border-color:#21618a;border-radius:14px;box-shadow:0 0 22px #007fff15}.stage{background:#020b16;border:1px solid #246b92;border-radius:12px}.drop{background:radial-gradient(#0a3456,#030e1c 70%);border-color:#2684a5;border-radius:10px}.drop span{color:#60eaff;background:#0a3861;border-color:#168db4;box-shadow:0 0 20px #008fff30}.drop strong,.promptLabel{font-family:Segoe UI,Arial,sans-serif;font-weight:700}.drop small,.fileRow{color:#9cc2da}textarea,.options select{color:#e4f5ff;background:#03101e;border-color:#245574;border-radius:7px}.ideas button{color:#c3efff;background:#092b45;border-color:#246c91;font-size:14px}.ideas span,.options label{color:#a4cbe3;font-size:14px}.generate{color:#fff;background:linear-gradient(125deg,#0752ff,#0587f0);border:1px solid #139dea;border-radius:8px;box-shadow:0 0 22px #008fff30}.note{color:#9dc1d9;font-size:12px}.tips{color:#a0c8e2;background:#061c2f;border-color:#24516c;border-radius:10px;font-size:14px}.tips b{color:#fff;font-family:Segoe UI,Arial,sans-serif;font-weight:700}.error{color:#ffd4dc;background:#351727}.success{color:#b9faff;background:#073344}.download{color:#62e8ff}.generating{background:#020d1bea}.generating small{color:#a8cee6}.orb{border-color:#03d7ff #16456a #16456a}}