:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292536;background:#f7f6fb;--purple:#7650de;--ink:#292536;--muted:#8b8398;--line:#eeeaf4;--lime:#d8ff98;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button,input,select,textarea{touch-action:manipulation}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #af91fa;outline-offset:3px}.topbar{height:84px;position:sticky;top:0;z-index:15;border-bottom:1px solid #eae6f1;background:#ffffffed;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1140px)/2))}.brand{display:flex;gap:12px;align-items:center;border:0;background:transparent;padding:0;text-align:left;font-size:24px;font-weight:760;letter-spacing:-1.3px}.brand-light{color:var(--purple)}.brand small{display:block;color:#aba2b7;font-size:8px;font-weight:650;letter-spacing:1.7px;margin-top:5px}.motion-mark{display:inline-flex;color:var(--purple)}.motion-mark svg{width:43px;height:43px;stroke:none}.motion-mark .ribbon-a,.motion-mark .ribbon-b{stroke-dasharray:100;stroke-dashoffset:0;transform-origin:center;animation:ribbon 5s ease-in-out infinite}.motion-mark .ribbon-b{animation-delay:.3s}.motion-mark .accent{animation:accent 5s ease-in-out infinite}.top-actions{display:flex;gap:8px}.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;min-width:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#94879f;font-size:25px}.iconbtn.small{width:30px;height:30px;min-width:30px;border:0}.app{max-width:1120px;margin:auto;padding:27px 30px 55px}.account-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:12px}.project-select{display:flex;align-items:center;gap:8px}.project-dot{width:8px;height:8px;border-radius:50%;background:#a284e8;box-shadow:0 0 0 4px #eee7fc}.project-select select{font-size:12px;font-weight:650;border:0;background:none;color:#6b5d80;max-width:155px;padding:7px 19px 7px 3px}.connection{display:flex;align-items:center;gap:7px;border:0;background:none;color:#93899f;font-size:10px;text-align:left;line-height:1.4;padding:7px 0;max-width:250px;min-height:36px}.status-dot{width:6px;height:6px;border-radius:50%;background:#c0b7cc;flex-shrink:0}.connection.connected .status-dot{background:#60a373}.connection.connected{color:#6f8b78}.connection span:last-child{margin-left:3px}.eyebrow{color:#9b8eaf;letter-spacing:2px;font-size:9px;font-weight:750;margin-bottom:13px}.intro{margin-bottom:28px}.intro h1{font-size:39px;line-height:1.15;letter-spacing:-1.8px;font-weight:700;margin:0}.intro p{font-size:13px;color:var(--muted);margin:13px 0 0;line-height:1.7}.mobile-break{display:none}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.media-column,.editor-column{min-width:0}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px;padding:5px;background:#ece8f3;border-radius:14px}.formats button{border:0;border-radius:10px;background:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;color:#978aa8;font-size:12px;font-weight:650;transition:background .15s,color .15s}.formats svg{width:17px;height:17px}.formats small{font-size:9px;font-weight:400;color:#ac9dbd}.formats .selected{background:#fff;box-shadow:0 2px 5px #49386108;color:#7050bd}.formats .selected small{color:#a78cce}.dropzone{min-height:365px;border:1.5px dashed #d9cbed;background:radial-gradient(ellipse at 50% 35%,#f5edff,transparent 65%),#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:23px;padding:36px 25px;cursor:pointer;transition:background .2s,border-color .2s}.dropzone.dragover{background:#eee4ff;border-color:#8e64d7}.upload-mark{width:66px;height:66px;background:#f1e9ff;border-radius:21px;display:grid;place-items:center;margin-bottom:22px;color:#916ad5;box-shadow:0 9px 26px #8160c810}.upload-mark svg{width:28px;height:28px}.dropzone strong{font-size:16px;font-weight:650;letter-spacing:-.4px;color:#625173}.dropzone>span:not(.upload-mark):not(.temporary-tag){font-size:12px;color:#a194af;margin-top:9px}.dropzone>small{font-size:10px;color:#b7a9c3;margin-top:21px}.temporary-tag{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#aa9bba;background:#faf7ff;border:1px solid #f0e9f8;border-radius:100px;padding:7px 10px;margin-top:21px}.temporary-tag i{width:4px;height:4px;background:#bba5d3;border-radius:50%}.privacy-line{display:flex;align-items:start;gap:8px;color:#ada1ba;font-size:10px;line-height:1.7;margin:14px 6px 0}.privacy-line svg{width:14px;height:14px;margin-top:2px}.assistant-card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 32px #4e326d03}.card-heading{display:flex;gap:11px;align-items:start;margin-bottom:21px}.ai-symbol{color:#a387d6;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f4efff;font-size:23px;flex-shrink:0}.card-heading h2{font-size:16px;margin:0 0 7px;font-weight:680;letter-spacing:-.3px}.card-heading p{font-size:10px;color:#aaa0b6;margin:0;line-height:1.5}.ai-badge{margin-left:auto;border:1px solid #ebe2f7;color:#a28db9;font-size:8px;letter-spacing:.8px;padding:5px 6px;border-radius:6px;white-space:nowrap}textarea{resize:vertical;min-height:100px;width:100%;border:0;outline:0;background:#faf8fd;color:#66576f;border-radius:12px;padding:15px;font-size:12px;line-height:1.8}textarea::placeholder,input::placeholder{color:#b3a5c0}textarea:focus{box-shadow:0 0 0 2px #b99cfa55}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:9px 0 15px;color:#b4a7bf;font-size:9px}.voicebtn{display:flex;align-items:center;gap:5px;border:0;background:#f5f0fc;color:#9777bd;font-size:10px;padding:7px 9px;border-radius:8px;min-height:35px}.voicebtn svg{width:14px;height:14px}.voicebtn.listening{background:#fde9ee;color:#bf5173;animation:record 1.2s ease infinite}.prompt-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.prompt-chips button{font-size:9px;padding:7px 9px;background:#fff;border:1px solid #ece5f5;border-radius:8px;color:#a58bbd;min-height:32px}.primary,.secondary{border:0;border-radius:12px;padding:13px 17px;min-height:46px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px #7650de14}.primary:hover{background:#6942cb}.primary .arrow{margin-left:auto;font-size:17px}.secondary{background:#f1ebfc;color:#8663b9}.full{width:100%}.ai-disclosure{font-size:8px;color:#b9afc4;line-height:1.7;text-align:center;margin:12px 9px 0}.assistant-message{margin-top:15px;padding:12px 14px;border:1px solid #eae1f6;border-radius:11px;background:#faf7ff;font-size:11px;color:#88729e;line-height:1.8;white-space:pre-wrap}.assistant-message.error{background:#fff9ed;border-color:#f5e9cd;color:#9f8753}.adjustments,.caption-card{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:12px;overflow:hidden}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:17px 19px;font-size:12px;font-weight:650;color:#83708f;min-height:53px}summary::-webkit-details-marker{display:none}summary>span:first-child{display:flex;align-items:center;gap:9px}summary svg{width:17px;height:17px}details[open] summary{border-bottom:1px solid #f3edf9}.adjustment-body{padding:18px}.quick-adjust{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.quick-adjust .secondary{min-height:36px;font-size:10px;padding:9px 12px}.textbtn{border:0;background:none;color:#9b7bb8;font-size:10px;padding:8px 0;min-height:35px}.slider-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#a08aaf;margin:16px 0}.slider-label>input{flex:1;min-width:0;accent-color:#9871d3;min-height:22px}.slider-label>output{font-size:9px;min-width:32px;text-align:right}.field{display:block;font-size:10px;color:#a18cb1;margin:17px 0}.field input,.field select{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #eae1f4;border-radius:10px;background:#fbf9fe;color:#8c729f;font-size:12px;min-height:43px;outline-color:#b69add}.logo-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.logo-row .secondary{font-size:10px;min-height:37px;padding:9px 12px}.logo-row select{max-width:170px;min-width:0;border:1px solid #eee6f5;background:#fff;border-radius:8px;font-size:9px;padding:10px;color:#a48cb6}.finish-card{margin-top:16px}.finish-card .primary{background:#262032;box-shadow:none}.publish-state{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:9px;color:#b3a4bf;border:0;background:none;padding:13px 4px;min-height:38px}.publish-state span:last-child{font-size:11px;margin-left:3px}.small-note{font-size:9px;color:#ac9fb8;line-height:1.8;margin:4px 0}.finish-card .small-note{text-align:center}.preview-panel{border:1px solid #e6dfee;background:white;border-radius:19px;padding:12px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px}.preview-toolbar>span{font-size:10px;color:#a58db7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:190px}.preview-toolbar>div{display:flex;gap:9px;align-items:center}.stage{position:relative;overflow:hidden;background:#1c1726;border-radius:13px;aspect-ratio:9/16;max-height:none;margin:0 auto;width:min(100%,354px);display:grid;place-items:center}.stage.feed{aspect-ratio:4/5}.stage>canvas,.stage>video{width:100%;height:100%;display:block;object-fit:contain}.format-label{position:absolute;top:11px;left:11px;border:1px solid #ffffff1a;background:#271f3a88;backdrop-filter:blur(6px);font-size:7px;padding:6px 7px;letter-spacing:.7px;border-radius:6px;color:#e1d4f0;pointer-events:none}.media-tray{display:flex;gap:8px;margin-top:11px;overflow:auto;padding:2px 1px 4px}.media-thumb{position:relative;flex-shrink:0;width:47px;height:54px;border:2px solid transparent;background:#f0e8fa;border-radius:8px;padding:0;overflow:hidden;color:#ac94c0;font-size:9px}.media-thumb.selected{border-color:#8b65c9}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-thumb .video-dot{position:absolute;bottom:3px;right:4px;color:#fff;background:#0006;border-radius:3px;padding:1px 3px;font-size:7px}.video-overlay{position:absolute;left:8%;right:8%;bottom:12%;font-size:23px;font-weight:750;color:white;text-align:center;text-shadow:0 2px 8px #0008;white-space:pre-wrap;pointer-events:none}.video-logo{position:absolute;right:7%;bottom:5%;width:20%;max-height:15%;object-fit:contain;pointer-events:none}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{border:1px solid var(--line);border-radius:19px;background:#fff;padding:24px}.settings-card h2{font-size:16px;margin:0 0 12px;color:#72617f}.settings-card p{font-size:12px;line-height:1.8;color:#9a87a9;margin:12px 0 18px}.settings-card .small-note{font-size:10px}.settings-card .textbtn{margin-top:12px}.compact{margin-top:20px}.back{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.splash{position:fixed;inset:0;background:#f7f6fb;z-index:100;display:grid;place-items:center;transition:opacity .3s,visibility .3s;pointer-events:none}.splash.out{opacity:0;visibility:hidden}.splash-mark svg{width:94px;height:94px;filter:drop-shadow(0 12px 25px #7850de1a)}.splash-mark .ribbon-a,.splash-mark .ribbon-b{animation:draw 1.1s cubic-bezier(.2,.7,.3,1) both}.splash-mark .ribbon-b{animation-delay:.12s}.splash-mark .accent{animation:accent-in .8s .2s both}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#30243e;color:#fff;padding:13px 19px;border-radius:12px;max-width:calc(100vw - 36px);width:max-content;z-index:60;font-size:11px;line-height:1.7;box-shadow:0 9px 35px #35213e25}dialog{max-width:390px;width:calc(100% - 36px);border:1px solid #e8e0f1;border-radius:22px;padding:27px;color:#6b537a;box-shadow:0 20px 70px #32203e20}dialog::backdrop{background:#2a1b3d55;backdrop-filter:blur(4px)}dialog h2{font-size:20px;margin-top:0}dialog p{font-size:12px;line-height:1.9;color:#a08aaf;margin-bottom:23px}@keyframes ribbon{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-2px)}86%{transform:translateY(1px)}}@keyframes accent{0%,70%,100%{opacity:1;transform:translate(0,0)}80%{opacity:.5;transform:translate(1px,-2px)}}@keyframes draw{from{stroke-dashoffset:100;opacity:.15;transform:translateY(5px)}to{stroke-dashoffset:0;opacity:1;transform:translateY(0)}}@keyframes accent-in{from{transform:translate(-3px,5px);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes record{50%{box-shadow:0 0 0 4px #f9e1e8}}
@media(max-width:760px){.topbar{height:calc(69px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0}.brand{font-size:21px;gap:9px;letter-spacing:-1.2px}.motion-mark svg{width:36px;height:36px}.brand small{font-size:6px;letter-spacing:1.2px;margin-top:4px}.iconbtn{width:34px;min-width:34px;height:34px;border-radius:10px}.iconbtn svg{width:17px;height:17px}.top-actions{gap:6px}.app{padding:17px 19px calc(32px + env(safe-area-inset-bottom));max-width:530px}.account-line{margin-bottom:25px;gap:9px}.project-select select{font-size:11px;max-width:128px}.connection{font-size:8px;gap:5px;max-width:190px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.intro{margin-bottom:22px}.intro h1{font-size:32px;letter-spacing:-1.3px}.intro p{font-size:11px;margin-top:9px}.mobile-break{display:block}.studio-grid{grid-template-columns:1fr;gap:22px}.formats{margin-bottom:13px;padding:4px;gap:4px}.formats button{font-size:11px;min-height:40px;gap:6px}.formats small{font-size:8px}.formats svg{width:15px;height:15px}.dropzone{min-height:229px;border-radius:20px;padding:24px 17px}.upload-mark{width:49px;height:49px;border-radius:16px;margin-bottom:15px}.upload-mark svg{width:22px;height:22px}.dropzone strong{font-size:13px}.dropzone>span:not(.upload-mark):not(.temporary-tag){font-size:10px;margin-top:7px}.dropzone>small{font-size:8px;margin-top:13px}.temporary-tag{font-size:8px;padding:5px 8px;margin-top:14px}.privacy-line{font-size:8px;gap:7px;margin:11px 4px 0}.privacy-line svg{width:12px;height:12px}.assistant-card{padding:20px;border-radius:20px}.card-heading{gap:9px;margin-bottom:17px}.card-heading h2{font-size:15px}.card-heading p{font-size:9px}.ai-symbol{width:33px;height:33px;font-size:20px;border-radius:10px}textarea{font-size:16px;min-height:112px;padding:13px;line-height:1.6}.prompt-footer{font-size:8px}.prompt-chips button{font-size:8px;min-height:32px}.primary,.secondary{min-height:46px;font-size:12px}.ai-disclosure{font-size:8px}.field input,.field select{font-size:16px}.settings-grid{grid-template-columns:1fr;gap:13px}.settings-card{padding:22px}.settings-card h2{font-size:15px}.settings-card p{font-size:11px}.preview-panel{padding:10px;border-radius:18px}.stage{max-height:none;width:min(100%,330px)}.preview-toolbar>span{max-width:150px}.video-overlay{font-size:20px}.settings-card .small-note{font-size:9px}}
@media(max-width:350px){.app{padding-left:15px;padding-right:15px}.topbar{padding-left:15px;padding-right:15px}.brand small{display:none}.brand{font-size:20px}.connection{max-width:155px}.ai-badge{font-size:7px}.card-heading p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.splash{display:none}}

/* Readable supporting text on small screens. */
.privacy-line,.small-note,.ai-disclosure{color:#80718f}.card-heading p{color:#8c7b99}.dropzone>span:not(.upload-mark):not(.temporary-tag){color:#8c799e}.dropzone>small{color:#94819f}.prompt-footer{color:#94819f}.temporary-tag{color:#9b86ad}.settings-card p{color:#847090}@media(max-width:760px){.privacy-line,.ai-disclosure{font-size:9px}.dropzone>small{font-size:9px}.card-heading p{font-size:10px}.ai-badge{font-size:7px;letter-spacing:0}.small-note{font-size:10px}}@media(max-width:350px){.ai-badge{display:none}.card-heading p{font-size:9px}}