.mediaStudio{--media-ink:#211b2b;--media-muted:#756d80;--media-line:#36284b1f;--media-purple:#7657e8;--media-pink:#ed658d;z-index:2;width:min(1680px,100%);height:calc(100dvh - 58px);min-height:calc(100dvh - 58px);color:var(--media-ink);border-inline:1px solid var(--media-line);background:radial-gradient(circle at 76% -15%,#7e5fec24,#0000 34rem),radial-gradient(circle at 48% 110%,#ff9b7c29,#0000 32rem),#fbfafc;grid-template-columns:304px minmax(0,1fr);margin:0 auto;display:grid;position:relative;overflow:hidden}.mediaStudio button,.mediaStudio input,.mediaStudio textarea,.mediaStudio select{font:inherit}.mediaStudio button,.mediaStudio a{-webkit-tap-highlight-color:transparent}.mediaStudio :focus-visible{outline-offset:2px;outline:3px solid #815fee5c}.mediaSidebar{z-index:20;color:#f8f5ff;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;background:radial-gradient(circle at 8% -4%,#8e68ff75,#0000 18rem),radial-gradient(circle at 110% 75%,#f1578b33,#0000 20rem),linear-gradient(165deg,#29213e 0%,#191523 55%,#221622 100%);border-right:1px solid #ffffff14;flex-direction:column;gap:22px;min-height:0;padding:26px 22px 20px;display:flex;position:relative;overflow-y:auto}.mediaIdentity{align-items:center;gap:12px;display:flex}.mediaIdentity>span{color:#fff;background:linear-gradient(135deg,#8e72ff,#f16289);border-radius:15px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid;box-shadow:0 13px 32px #6646d56b}.mediaIdentity>div{gap:2px;display:grid}.mediaIdentity b{font-size:1.05rem}.mediaIdentity small,.mediaSettingsGroup small{color:#bcb4ca;font-size:.75rem;line-height:1.45}.closeMediaDrawer{color:#fff;background:#ffffff14;border:1px solid #ffffff21;border-radius:11px;width:36px;height:36px;margin-left:auto;font-size:1.4rem;display:none}.temporaryNotice{background:linear-gradient(145deg,#ffffff17,#ffffff0b);border:1px solid #ffffff1f;border-radius:17px;gap:6px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0d}.temporaryNotice>span{color:#f5bd86;letter-spacing:.13em;font-size:.66rem;font-weight:900}.temporaryNotice strong{font-size:.93rem}.temporaryNotice p{color:#d6cfdf;margin:0;font-size:.79rem;line-height:1.55}.mediaSettingsGroup{gap:9px;display:grid}.mediaSectionHeading{color:#f6f2ff;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:2px;font-size:.78rem;display:flex}.mediaSectionHeading span{color:#9d8ad0;font-size:.65rem}.mediaSettingsGroup>label{color:#d6cede;font-size:.76rem;font-weight:700}.mediaKeyInput{background:#ffffff13;border:1px solid #ffffff29;border-radius:13px;align-items:center;gap:9px;min-height:46px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.mediaKeyInput:focus-within{border-color:#a38cff;box-shadow:0 0 0 3px #8b70ff29}.mediaKeyInput span{color:#a997e4}.mediaKeyInput input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.mediaKeyInput input::placeholder{color:#8f879a}.syncModelsButton,.resetSessionButton{color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-size:.82rem;font-weight:800;display:flex}.syncModelsButton{background:linear-gradient(135deg,#8067ed,#ed628a);border:0;box-shadow:0 10px 26px #7350d53d}.syncModelsButton:disabled,.resetSessionButton:disabled,.compactModeTabs button:disabled{cursor:not-allowed;opacity:.46}.compactModeTabs{background:#ffffff0e;border:1px solid #ffffff17;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;padding:4px;display:grid}.compactModeTabs button{color:#bdb5ca;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:39px;font-size:.8rem;font-weight:750}.compactModeTabs button.active{color:#271c35;background:#fff;box-shadow:0 6px 18px #0000002e}.mediaSettingsGroup select{color:#f8f5ff;background:#292334;border:1px solid #ffffff26;border-radius:12px;outline:0;width:100%;min-height:45px;padding:0 34px 0 12px}.mediaSettingsGroup select:disabled{color:#8f8799}.mediaSidebarFooter{border-top:1px solid #ffffff17;gap:10px;margin-top:auto;padding-top:18px;display:grid}.mediaGuideLink{color:#d6cbff;background:#8265e117;border:1px solid #9b7ef029;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:.72rem;font-weight:750;text-decoration:none;display:flex}.mediaGuideLink:hover{color:#fff;border-color:#b297ff59}.sessionMeter{color:#aaa1b9;justify-content:space-between;font-size:.75rem;display:flex}.sessionMeter b{color:#e2d9f2}.resetSessionButton{background:#fff1;border:1px solid #ffffff21}.mediaSidebarFooter p{color:#a9a2b5;align-items:center;gap:7px;margin:0;font-size:.7rem;display:flex}.mediaSidebarFooter p span{color:#63d6aa;font-size:.55rem}.mediaDrawerBackdrop{display:none}.mediaWorkspace{grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.mediaChatHeader{border-bottom:1px solid var(--media-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffab;align-items:center;gap:16px;min-height:104px;padding:18px clamp(22px,4vw,58px);display:flex}.mediaChatHeader>div:first-of-type{min-width:0}.mediaChatHeader>div:first-of-type>span{color:#8064da;letter-spacing:.17em;font-size:.66rem;font-weight:950}.mediaChatHeader h1{letter-spacing:-.045em;margin:3px 0 1px;font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.08}.mediaChatHeader p{color:var(--media-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.83rem;overflow:hidden}.openMediaSettings{color:#594b6f;border:1px solid var(--media-line);background:#fff;border-radius:12px;flex:none;width:42px;height:42px;display:none}.studioStatus{color:#7d7387;border:1px solid var(--media-line);background:#ffffffc7;border-radius:999px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:.72rem;font-weight:800;display:flex}.studioStatus span{background:#aaa2b1;border-radius:50%;width:7px;height:7px}.studioStatus.connected span{background:#35bd86;box-shadow:0 0 0 4px #35bd861f}.connectionBanner{color:#853e4d;background:#fff1f2;border:1px solid #f2c5cd;border-radius:12px;align-items:center;gap:10px;margin:12px clamp(20px,4vw,58px) 0;padding:11px 13px;font-size:.8rem;display:flex}.connectionBanner>span{color:#fff;background:#c35769;border-radius:8px;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.connectionBanner p{flex:1;margin:0}.connectionBanner button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.15rem}.mediaConversation{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#54407140 transparent;min-height:0;overflow-y:auto}.mediaConversation.empty{place-items:center;display:grid}.creativeEmptyState{text-align:center;justify-items:center;width:min(760px,100% - 36px);padding:40px 0 34px;display:grid}.creativeOrb{color:#fff;background:linear-gradient(145deg,#8568eb,#ed648c 72%,#f5a16d);border-radius:27px;place-items:center;width:78px;height:78px;margin-bottom:20px;font-size:1.6rem;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 22px 55px #714dca47}.creativeOrb span{transform:rotate(5deg)}.creativeOrb i{background:#f2a976;border-radius:4px;width:12px;height:12px;position:absolute;box-shadow:0 0 20px #ee7f7799}.creativeOrb i:first-of-type{top:-8px;right:-13px}.creativeOrb i:last-of-type{background:#8d76ec;width:8px;height:8px;bottom:1px;left:-18px}.emptyEyebrow{color:#8469dc;letter-spacing:.17em;font-size:.66rem;font-weight:950}.creativeEmptyState h2{letter-spacing:-.045em;margin:7px 0;font-size:clamp(1.55rem,3.4vw,2.35rem)}.creativeEmptyState>p{max-width:570px;color:var(--media-muted);margin:0;font-size:.9rem;line-height:1.6}.promptSuggestions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:26px;display:grid}.promptSuggestions button{color:#494052;text-align:left;border:1px solid var(--media-line);cursor:pointer;background:#ffffffc9;border-radius:15px;justify-items:start;min-height:104px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 10px 28px #2e1e420a}.promptSuggestions button:hover:not(:disabled){border-color:#7959dd59;transform:translateY(-2px);box-shadow:0 14px 34px #482f6e17}.promptSuggestions button:disabled{cursor:not-allowed;opacity:.5}.promptSuggestions button>span{color:#765ce0;background:#f0ebff;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.promptSuggestions b{margin-top:7px;font-size:.76rem}.promptSuggestions small{color:#948d9d;font-size:.66rem}.ephemeralHint{color:#8b8492;align-items:center;gap:7px;margin-top:22px;font-size:.72rem;display:flex}.ephemeralHint span{color:#38b985;font-size:1.1rem}.conversationInner{width:min(920px,100% - 40px);margin:0 auto;padding:34px 0 48px}.chatTurn{align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.userTurn{justify-content:flex-end;padding-left:14%}.messageAvatar{color:#fff;background:linear-gradient(145deg,#8064e6,#ec658b);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 22px #6848bd33}.userAvatar{color:#564b64;box-shadow:none;background:#f0ebf4;border:1px solid #ded5e3;font-size:.72rem;font-weight:900}.messageColumn{flex:1;min-width:0;max-width:min(760px,100% - 48px)}.userTurn .messageColumn{flex:0 auto;justify-items:end;display:grid}.messageAuthor{color:#42364e;align-items:baseline;gap:8px;margin:2px 0 7px;font-size:.75rem;display:flex}.messageAuthor span{color:#9a92a1;font-size:.67rem}.userPrompt{color:#fff;white-space:pre-wrap;background:linear-gradient(135deg,#6e55cd,#8d68dc);border-radius:17px 5px 17px 17px;padding:12px 16px;line-height:1.55;box-shadow:0 10px 28px #674db529}.generationLoading,.generationError{border:1px solid var(--media-line);background:#ffffffd1;border-radius:18px;grid-template-columns:minmax(150px,250px) 1fr;align-items:center;gap:16px;padding:14px;display:grid}.imageSkeleton{background:linear-gradient(120deg,#eee9f4 25%,#f9f6fb 38%,#eee9f4 52%) 0 0/240% 100%;border-radius:13px;min-height:150px;animation:1.45s linear infinite mediaShimmer;position:relative;overflow:hidden}.imageSkeleton span{background:#7b5bd81a;border-radius:10px;width:32px;height:32px;position:absolute;transform:rotate(20deg)}.imageSkeleton span:first-child{top:21%;left:22%}.imageSkeleton span:nth-child(2){width:54px;height:54px;bottom:20%;right:18%}.imageSkeleton span:nth-child(3){width:17px;height:17px;top:15%;right:26%}.generationLoading b,.generationError b{font-size:.88rem}.generationLoading p,.generationError p{color:var(--media-muted);margin:5px 0 0;font-size:.78rem;line-height:1.5}.generationLoading>button,.generationError>button{color:#6e587d;border:1px solid var(--media-line);cursor:pointer;background:#fff;border-radius:9px;grid-column:2;width:max-content;padding:7px 10px;font-size:.72rem;font-weight:750}.generationError{background:#fff7f8;border-color:#edc4ca;grid-template-columns:auto 1fr auto}.errorMark{color:#fff;background:#c65768;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:900;display:grid}.generationError small{color:#aa7e86;margin-top:5px;font-size:.64rem;display:block}.generationError>button{grid-column:auto}.generatedMediaFrame{border:1px solid var(--media-line);background:#fff;border-radius:20px;width:fit-content;max-width:100%;padding:7px;box-shadow:0 20px 50px #2e1d401a}.imagePreviewButton{cursor:zoom-in;background:#eeeaf2;border:0;border-radius:14px;max-width:100%;padding:0;display:block;position:relative;overflow:hidden}.imagePreviewButton img{object-fit:contain;width:auto;max-width:min(680px,100%);height:auto;max-height:660px;display:block}.imagePreviewButton>span{color:#fff;opacity:0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c1524bd;border:1px solid #ffffff2e;border-radius:9px;padding:7px 9px;font-size:.68rem;font-weight:800;transition:opacity .15s;position:absolute;bottom:10px;right:10px}.imagePreviewButton:hover>span,.imagePreviewButton:focus-visible>span{opacity:1}.videoFrame{width:min(680px,100%)}.videoFrame video{background:#17131d;border-radius:14px;width:100%;max-height:620px;display:block}.mediaMessageMeta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.mediaMessageMeta>div:first-child{color:#8c8493;flex-wrap:wrap;align-items:center;gap:6px;font-size:.68rem;display:flex}.mediaMessageMeta>div:first-child b{color:#4a3e53;font-size:.72rem}.mediaMessageMeta>div:first-child span:before{content:"·";margin-right:6px}.mediaActions{gap:5px;display:flex}.mediaActions a,.mediaActions button{color:#5d4d6c;border:1px solid var(--media-line);cursor:pointer;background:#ffffffc7;border-radius:9px;padding:7px 9px;font-size:.68rem;font-weight:780;text-decoration:none}.mediaActions .deleteMedia{color:#a04c5e}.composerDock{z-index:5;background:linear-gradient(#fbfafc59,#fbfafc 28%);padding:14px clamp(18px,4vw,58px) 12px;position:relative}.mediaComposer{background:#fffffff0;border:1px solid #4b376329;border-radius:19px;width:min(920px,100%);margin:0 auto;padding:15px 17px 13px;position:relative;overflow:hidden;box-shadow:0 17px 42px #301f411c}.composerGlow{pointer-events:none;filter:blur(30px);background:#895de829;width:180px;height:75px;position:absolute;top:-40px;right:16%}.mediaComposer>label{color:#675a70;margin-bottom:5px;font-size:.7rem;font-weight:850;display:block;position:relative}.mediaComposer textarea{resize:vertical;color:#2c2532;background:0 0;border:0;outline:0;width:100%;min-height:66px;max-height:180px;padding:0;line-height:1.5;display:block;position:relative}.mediaComposer textarea::placeholder{color:#aaa2b1}.mediaComposer textarea:disabled{cursor:not-allowed}.composerFooter{border-top:1px solid #47355c17;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex;position:relative}.composerFooter>span{color:#9b94a1;font-size:.66rem}.composerFooter i{margin-left:7px;font-style:normal}.generateButton,.cancelGeneration{color:#fff;cursor:pointer;border-radius:11px;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:.76rem;font-weight:850;display:flex}.generateButton{background:linear-gradient(135deg,#775be2,#e95f88);border:0;box-shadow:0 9px 22px #6f4dc73d}.generateButton:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.45;box-shadow:none}.cancelGeneration{color:#854352;background:#fff2f3;border:1px solid #edcbd0}.composerPrivacy{color:#97909d;justify-content:center;gap:6px;width:min(920px,100%);margin:8px auto 0;font-size:.65rem;display:flex}.composerPrivacy span{color:#4abd91}.mediaSpinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite mediaSpin}.imageLightbox{z-index:200;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0e0a14e0;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.imageLightboxPanel{color:#eee9f3;background:#1c1723;border:1px solid #ffffff21;border-radius:19px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,100%);max-height:calc(100dvh - 44px);display:grid;overflow:hidden;box-shadow:0 32px 100px #00000080}.lightboxTopbar{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.lightboxTopbar>div{align-items:center;gap:9px;display:flex}.lightboxTopbar span{color:#aa92ff;letter-spacing:.12em;font-size:.65rem;font-weight:900}.lightboxTopbar b{color:#bbb2c2;font-size:.72rem}.lightboxTopbar a,.lightboxTopbar button{color:#fff;background:#ffffff17;border:1px solid #ffffff21;border-radius:10px;place-items:center;min-height:35px;text-decoration:none;display:grid}.lightboxTopbar a{padding:0 12px;font-size:.72rem;font-weight:800}.lightboxTopbar button{cursor:pointer;width:35px;font-size:1.2rem}.lightboxCanvas{background-color:#131018;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25%),linear-gradient(-45deg,#ffffff06 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:0;padding:16px;display:grid;overflow:auto}.lightboxCanvas img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100dvh - 180px);display:block}.imageLightboxPanel>p{color:#b8afc0;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ffffff14;margin:0;padding:11px 16px 13px;font-size:.75rem;overflow:hidden}@keyframes mediaSpin{to{transform:rotate(360deg)}}@keyframes mediaShimmer{to{background-position:-240% 0}}@media (max-width:1100px){.mediaStudio{grid-template-columns:1fr}.mediaSidebar{width:min(330px,100vw - 42px);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.mediaSidebar.open{transform:translate(0);box-shadow:25px 0 75px #100a1859}.closeMediaDrawer,.openMediaSettings{place-items:center;display:grid}.mediaDrawerBackdrop{z-index:19;pointer-events:none;opacity:0;background:#18102273;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.mediaDrawerBackdrop.open{pointer-events:auto;opacity:1}}@media (max-width:760px){.mediaStudio{height:calc(100dvh - 54px);min-height:calc(100dvh - 54px)}.mediaChatHeader{min-height:84px;padding:12px 14px}.mediaChatHeader h1{font-size:1.35rem}.mediaChatHeader p,.studioStatus{display:none}.connectionBanner{margin:9px 12px 0}.creativeEmptyState{width:calc(100% - 28px);padding:28px 0 24px}.creativeOrb{border-radius:22px;width:65px;height:65px;margin-bottom:15px}.promptSuggestions{grid-template-columns:1fr 1fr;margin-top:20px}.promptSuggestions button{min-height:92px}.conversationInner{width:calc(100% - 24px);padding:22px 0 30px}.chatTurn{gap:8px;margin-bottom:22px}.messageAvatar{border-radius:10px;width:31px;height:31px}.messageColumn{max-width:calc(100% - 39px)}.userTurn{padding-left:7%}.generationLoading{grid-template-columns:1fr}.generationLoading>button{grid-column:1}.imageSkeleton{min-height:130px}.generationError{grid-template-columns:auto 1fr}.generationError>button{grid-column:2}.imagePreviewButton img{width:100%;max-height:520px}.mediaMessageMeta{align-items:flex-start}.mediaActions{width:100%;overflow-x:auto}.mediaActions a,.mediaActions button{flex:none}.composerDock{padding:9px 10px 8px}.mediaComposer{border-radius:16px;padding:12px 13px 11px}.mediaComposer textarea{min-height:54px}.composerFooter i{display:none}.composerPrivacy{margin-top:6px;font-size:.59rem}.imageLightbox{padding:0}.imageLightboxPanel{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.lightboxTopbar b{display:none}.lightboxCanvas img{max-height:calc(100dvh - 145px)}}@media (max-width:420px){.promptSuggestions{grid-template-columns:1fr}.promptSuggestions button{grid-template-columns:auto 1fr;align-items:center;gap:0 9px;min-height:76px}.promptSuggestions button>span{grid-row:1/3}.promptSuggestions b{margin:0}.generateButton,.cancelGeneration{padding-inline:11px}}@media (prefers-reduced-motion:reduce){.mediaStudio *,.mediaStudio :before,.mediaStudio :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}