.session-scope{display:contents}.app-loading{display:grid;min-height:100dvh;place-items:center;color:#aaa5b6;background:#17171c;font-size:14px}.session-error{position:fixed;z-index:80;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #55486c;border-radius:12px;background:#28232f;color:#e6dbf3;display:flex;align-items:center;gap:16px}.session-error button{white-space:nowrap;text-decoration:underline}.quote-confirmation{margin-top:14px;padding:16px;border:1px solid #625071;border-radius:12px;background:linear-gradient(135deg,#302535,#24232c);color:#e5dce9;text-align:left;font-size:12px;line-height:1.6}.quote-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.quote-heading strong{color:#e3c5ff;font-size:23px;font-weight:500}.quote-heading small{font-size:12px}.quote-confirmation p{margin:6px 0;color:#c5b9ce}.quote-confirmation .quote-expiry{color:#a99ab5;font-size:11px}.quote-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quote-actions>button{flex:1;min-width:110px;font-size:12px}.job-status-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.job-status-heading small{color:#a49cac}.job-outputs{display:grid;gap:10px;margin-top:10px;min-width:0}.job-status .job-output{display:block;width:100%;max-width:100%;margin:0;overflow:hidden;border:1px solid #3d3646;border-radius:8px;background:#1b1920}.job-status .job-output img,.job-status .job-output video{display:block;width:100%;max-height:340px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:0}.job-status .job-output audio{display:block;width:100%;max-width:100%;padding:8px}.job-output figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px;overflow-wrap:anywhere}.job-output figcaption a,.job-output-expired button{color:#d3b5f8;font-size:11px}.job-output-expired,.job-output-pending{padding:12px;border-radius:8px;background:#302a36;color:#b9afc3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.job-request-id{display:block;margin-top:10px;overflow-wrap:anywhere;color:#8c8398;font-size:10px}.job-error{color:#efabb6}.creation-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.load-more{display:flex;margin:20px auto}.creation-grid>article{min-width:0}.chat-page .history-item{display:block;width:100%;text-align:left;padding:12px;margin-bottom:4px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page .history-item.active{background:#342e41;color:#e7d5fb}.chat-page .history-more{display:block;margin:12px auto;color:#bdabd4;font-size:12px}.chat-page .attachment{position:relative;overflow:hidden;display:inline-flex;cursor:pointer}.chat-page .attachment input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chat-page .attachment:focus-within{outline:2px solid #c5a1e8;outline-offset:3px}.chat-attachment-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#c9b2dd;font-size:12px}.chat-attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-tabs button:disabled{opacity:.45;cursor:not-allowed}.accessible-panel.music-style-drawer,.accessible-panel.prompt-optimize-drawer{display:flex;flex-direction:column;border-radius:0}@media (max-width:768px){.quote-confirmation{padding:12px}.quote-actions>button{min-width:100px}.accessible-panel.music-style-drawer,.accessible-panel.prompt-optimize-drawer{left:0;right:0;width:100vw;max-width:100vw;max-height:calc(100dvh - 55px)}.session-error{font-size:12px}}.device-mobile-entry{display:none}.device-entry-loading{display:flex;min-height:100dvh;align-items:center;justify-content:center;color:#b9adc9;background:#08070d}.mobile-landing{position:relative;isolation:isolate;min-height:100svh;width:100%;overflow:hidden;background:#09090e;color:#f5f2ff}.mobile-landing *,.mobile-landing :after,.mobile-landing :before{box-sizing:border-box}.mobile-landing-aura{position:absolute;z-index:-1;pointer-events:none;top:100px;right:-220px;width:450px;height:600px;background:radial-gradient(ellipse,#55369740,transparent 68%)}.mobile-landing-shell{width:min(100%,640px);margin:0 auto;padding:0 clamp(20px,6.2vw,38px)}.mobile-landing-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 0 26px}.mobile-landing-header>img{display:block;width:128px;height:auto;-o-object-fit:contain;object-fit:contain}.mobile-landing-header>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#aca5bb;white-space:nowrap;letter-spacing:.2px}.mobile-landing-header>span>i{width:5px;height:5px;border-radius:50%;background:#ba9aff;box-shadow:0 0 10px #b497f780}.mobile-landing-hero{padding-top:20px}.mobile-landing-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #3b2e51;border-radius:99px;background:#251c3466;color:#d4bafc;font-size:11px;letter-spacing:.5px}.mobile-landing h1{margin:24px 0 17px;font-size:clamp(38px,11.25vw,61px);line-height:1.23;letter-spacing:-1.7px;font-weight:650}.mobile-landing h1 em{font-style:normal;color:#bd9dfb;background:linear-gradient(100deg,#d9baff 5%,#9475f4 93%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-landing-intro{margin:0 0 27px;color:#a9a3b8;font-size:14px;line-height:1.9;letter-spacing:.1px}.mobile-landing-copy{width:100%;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 17px;border:1px solid #be91ff45;border-radius:13px;background:linear-gradient(105deg,#9867e8,#6b59e1);color:#fff;font-size:14px;font-weight:550;box-shadow:0 9px 32px #7550ce24,inset 0 1px 0 #fff2}.mobile-landing-copy>svg:last-child{margin-left:auto}.mobile-landing-copy>svg:first-child{margin-right:auto}.mobile-landing-copy:disabled{cursor:wait;opacity:.7}.mobile-landing-copy:focus-visible{outline:2px solid #d9baff;outline-offset:4px}.mobile-landing-desktop-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;color:#8a829c;font-size:11px}.mobile-landing-copy-feedback{font-size:12px;color:#c7b5e7;line-height:1.7}.mobile-landing-copy-feedback:empty{display:none}.mobile-landing-copy-feedback p{margin:10px 0 5px}.mobile-landing-copy-feedback code,.mobile-landing-manual-url code{display:block;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow-wrap:anywhere;padding:9px 11px;border:1px solid #403451;border-radius:8px;background:#1b1426;color:#e2ccff;font-size:12px}.mobile-landing-art{position:relative;width:100%;max-width:470px;aspect-ratio:.94;margin:34px auto 19px}.mobile-landing-art-orbit{position:absolute;top:14%;left:-26%;width:144%;height:75%;transform:rotate(-20deg);border:1px solid #8f64c815;border-radius:50%;box-shadow:0 0 70px 5px #8151c70b}.mobile-landing-main-art{position:absolute;inset:3% 10% 8% 0;margin:0;overflow:hidden;transform:rotate(-4deg);border:1px solid #9990bd40;border-radius:21px;background:#111422;box-shadow:0 22px 50px #0007}.mobile-landing-main-art>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.mobile-landing-main-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080810b8);pointer-events:none}.mobile-landing-main-art figcaption{position:absolute;z-index:1;left:19px;right:18px;bottom:24px;display:flex;flex-direction:column;gap:6px}.mobile-landing-main-art figcaption>span{font-size:9px;letter-spacing:1.4px;color:#c8bfdc}.mobile-landing-main-art figcaption>strong{font-size:17px;font-weight:500;letter-spacing:.2px}.mobile-landing-small-art{position:absolute;right:0;bottom:3%;width:41%;height:47%;overflow:hidden;transform:rotate(7deg);margin:0;border:1px solid #c5b6df66;border-radius:16px;background:#1b192b;box-shadow:0 15px 45px #0009}.mobile-landing-small-art>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.mobile-landing-small-art figcaption{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;bottom:0;left:0;right:0;padding:16px 4px 10px;font-size:8px;letter-spacing:.2px;color:#fff;background:linear-gradient(transparent,#100d1ae8)}.mobile-landing-art-label{position:absolute;right:10px;top:4px;display:flex;align-items:center;gap:5px;color:#a495bc;font-size:7px;letter-spacing:1.15px;transform:rotate(90deg);transform-origin:100% 0}.mobile-landing-art-label>span{display:block;width:17px;height:1px;background:#8d76b5}.mobile-landing-capabilities{position:relative;margin:35px 0 42px}.mobile-landing-section-kicker{margin:0 0 13px;font-size:9px;letter-spacing:2px;color:#a88ccd}.mobile-landing h2{margin:0;font-size:clamp(26px,7.4vw,36px);line-height:1.42;letter-spacing:-.7px;font-weight:550}.mobile-landing-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:23px}.mobile-landing-capability-grid>article{position:relative;min-width:0;border:1px solid #352d424f;border-radius:16px;padding:17px 13px 15px;background:linear-gradient(145deg,#191421,#111016)}.mobile-landing-capability-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:24px;border:1px solid #a383d228;border-radius:11px;background:#54406630;color:#c7a4fa}.mobile-landing-capability-grid article>span{display:block;font-size:8px;letter-spacing:1.35px;color:#7f748f;margin-bottom:5px}.mobile-landing-capability-grid h3{margin:0 0 7px;font-size:15px;font-weight:550;color:#eae4f7}.mobile-landing-capability-grid p{margin:0;color:#958da4;font-size:11px;line-height:1.8}.mobile-landing-desktop{padding:29px 19px 23px;border:1px solid #51406180;border-radius:23px;background:radial-gradient(ellipse at 50% 0,#43315f48,transparent 66%),linear-gradient(145deg,#17121f,#100e15);text-align:center}.mobile-landing-monitor{display:flex;align-items:center;justify-content:center;position:relative;width:62px;height:62px;margin:0 auto 21px;border:1px solid #8e6ebc3d;border-radius:18px;color:#c5a7f6;background:linear-gradient(135deg,#70548428,#282133);box-shadow:0 0 35px #a975e912}.mobile-landing-monitor>svg:last-child{position:absolute;right:3px;top:5px;color:#ead7ff}.mobile-landing-desktop h2{font-size:clamp(23px,6.5vw,31px)}.mobile-landing-desktop>p{margin:15px 0 22px;color:#a095b0;font-size:12px;line-height:1.9}.mobile-landing-copy.secondary{min-height:49px;padding:12px 13px;font-size:12px;box-shadow:none}.mobile-landing-footer{padding:31px 0 29px;text-align:center}.mobile-landing-footer>span{font-size:12px;color:#c2b5d6;font-weight:500}.mobile-landing-footer p{margin:6px 0 0;font-size:10px;color:#6f657f;letter-spacing:.7px}@media (max-width:768px){.device-mobile-entry{display:block}.device-entry-loading{display:none}}@media (min-width:560px) and (max-width:768px){.mobile-landing-hero{text-align:center}.mobile-landing-copy{max-width:440px;margin-left:auto;margin-right:auto}.mobile-landing-art{margin-top:44px}.mobile-landing-capability-grid{gap:15px}.mobile-landing-capability-grid>article{padding:22px}.mobile-landing-capability-grid p{font-size:13px}}@media (max-width:350px){.mobile-landing-header>img{width:110px}.mobile-landing-header>span{font-size:9px}.mobile-landing-hero{padding-top:13px}.mobile-landing h1{letter-spacing:-1.5px}.mobile-landing-copy{font-size:13px}.mobile-landing-capability-grid{gap:9px}.mobile-landing-capability-grid>article{padding:15px 11px}.mobile-landing-main-art figcaption>strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.mobile-landing *,.mobile-landing :after,.mobile-landing :before{transition:none!important;animation:none!important}}