.studio,.studio-apps{--st-fg:var(--color-app-foreground);--st-muted:var(--color-app-muted);--st-surface:var(--color-app-bg);--st-chip:var(--color-app-button);--st-line:color-mix(in srgb,var(--color-app-foreground) 7%,transparent);--st-rim:color-mix(in srgb,var(--color-white) 80%,transparent);--st-glass:linear-gradient(135deg,color-mix(in srgb,var(--color-white) 80%,transparent),color-mix(in srgb,var(--color-white) 42%,transparent) 45%,color-mix(in srgb,var(--color-white) 62%,transparent));--st-glass-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-white) 95%,transparent),0 10px 24px -14px rgba(20,24,28,.3);--st-shadow:0 1px 2px rgba(20,24,28,.04),0 14px 32px -16px rgba(20,24,28,.3);--st-ico:linear-gradient(145deg,color-mix(in srgb,var(--color-white) 96%,transparent),color-mix(in srgb,var(--color-white) 34%,transparent) 55%,color-mix(in srgb,var(--color-white) 72%,transparent));color:var(--st-fg);font-size:14px;line-height:1.25}.studio-ground{position:fixed;inset:0;z-index:0;pointer-events:none}html:has(.studio){overflow:hidden}.studio{position:relative;z-index:1;height:100dvh;padding:0 52px;display:flex;flex-direction:column}.studio button,.studio-apps button,.studio-viewer button{cursor:pointer}.studio :focus-visible,.studio-apps :focus-visible{outline:2px solid var(--st-fg);outline-offset:3px}.studio input[type=file]:focus-visible,.studio textarea:focus,.studio textarea:focus-visible{outline:none}.studio .st-s-chip:focus-visible,.studio .st-s-chip:has(input:focus-visible){outline:none;background:var(--st-surface)}.studio svg,.studio-apps svg,.studio-viewer svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.st-logo{position:fixed;left:15px;top:calc(22px + env(safe-area-inset-top, 0px));z-index:5}.st-logo,.st-logo img{display:block;width:31px;height:27px}.st-logo img{max-width:none;object-fit:contain}.st-chip-btn{height:44px;padding:0 16px;border-radius:22px;display:inline-flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap;color:var(--st-fg);background:var(--st-glass);border:1px solid var(--st-rim);box-shadow:var(--st-glass-shadow);transition:scale var(--duration-micro) var(--ease-out),translate var(--duration-quick) var(--ease-out)}.st-chip-btn:active{scale:.97}.st-chip-btn svg{width:17px;height:17px}.st-thread{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;width:100%;display:flex;flex-direction:column;gap:22px;padding:72px 4px calc(var(--st-comp, 230px) + 16px + 34vh);-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),transparent);mask-image:linear-gradient(#000 calc(100% - 56px),transparent)}.st-thread::-webkit-scrollbar{display:none}.st-thread>:first-child{margin-top:auto}.st-msg{display:flex;flex-direction:column;gap:12px;min-width:0;flex:none;width:100%;max-width:860px;margin-inline:auto}.st-msg.wide{max-width:none}.st-msg.wide .st-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.st-msg.wide .st-shot{border-radius:24px}.st-msg p{margin:0;line-height:1.45;text-wrap:pretty;overflow-wrap:anywhere}.st-msg.me{width:auto;margin-inline:auto calc((100% - min(100%, 860px)) / 2);max-width:min(620px,82%);flex-direction:row;align-items:flex-start;gap:12px;text-align:left;font-size:15px;margin-block:36px 14px}.st-msg.me p{white-space:pre-wrap}.st-thread>.st-msg.me:first-child{margin-top:auto}.st-ref{position:relative;width:44px;height:56px;flex:none;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--st-line)}.st-ref img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}.st-shots{display:flex;flex-wrap:wrap;gap:10px}.st-shot{position:relative;margin:0;max-width:100%;border-radius:20px;overflow:hidden;cursor:zoom-in;background:var(--st-chip);box-shadow:0 0 0 1px var(--st-rim),var(--st-shadow)}.st-shot img,.st-shot video{width:100%;height:100%;max-width:none;object-fit:cover;display:block}.st-shot.free img{width:auto}.st-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:hsla(0,0%,100%,.86);color:#0b0c0e;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);pointer-events:none}.st-play svg{fill:currentColor;stroke:none}.st-dur{left:10px;bottom:10px;padding:4px 8px;border-radius:10px;font-size:12px;font-variant-numeric:tabular-nums;background:rgba(11,12,14,.62);color:#fff}.st-dl,.st-dur{position:absolute}.st-dl{right:10px;top:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:hsla(0,0%,100%,.86);color:#0b0c0e;opacity:0;transition:opacity var(--duration-quick)}.st-dl:focus-visible,.st-shot:hover .st-dl{opacity:1}.st-note{color:var(--st-muted)}.st-acts{display:flex;flex-wrap:wrap;gap:6px}.st-acts .st-s-chip{height:34px;padding:0 13px;border-radius:17px;font-size:13px}.st-status{font-size:14px;color:var(--st-muted);padding-bottom:10px;border-bottom:1px solid var(--st-line)}.st-empty{margin:auto;text-align:center}.st-empty h1{margin:0;font-size:clamp(26px,3.2vw,40px);font-weight:500;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}.st-shot.gen{cursor:default;background:var(--st-surface)}.st-shot.gen i,.st-shot.gen:before{content:"";position:absolute;width:150%;height:110%;border-radius:50%}.st-shot.gen i{left:-70%;top:-45%;background:radial-gradient(closest-side,color-mix(in srgb,#f3a9cd 62%,var(--st-surface)),transparent);animation:st-gen-a 5.5s ease-in-out infinite alternate}.st-shot.gen:before{right:-75%;bottom:-50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-app-warn) 34%,var(--st-surface)),transparent);animation:st-gen-b 7s ease-in-out infinite alternate}.st-shot.gen:after{content:"";position:absolute;top:-50%;left:-90%;width:70%;height:200%;rotate:14deg;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--st-surface) 80%,transparent),transparent);animation:st-gen-sheen 2.8s ease-in-out infinite}@keyframes st-gen-a{0%{translate:0 0;scale:1}to{translate:46% 58%;scale:1.3}}@keyframes st-gen-b{0%{translate:0 0;scale:1.2}to{translate:-42% -52%;scale:.9}}@keyframes st-gen-sheen{0%{translate:0 0}70%,to{translate:330% 0}}.st-pct{position:absolute;right:10px;bottom:10px;z-index:1;padding:5px 10px;border-radius:12px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;background:var(--st-surface);box-shadow:0 0 0 1px var(--st-line),0 4px 10px -6px rgba(20,24,28,.3)}.st-shot.gen.done{min-width:200px}.st-shot.gen.done i,.st-shot.gen.done:before{animation-play-state:paused}.st-shot.gen.done:after{animation:none;opacity:0}.st-shot.gen.done .st-pct{left:10px;right:10px;text-align:center;font-weight:400;color:var(--st-muted);text-wrap:balance}.st-composer{position:absolute;left:0;right:0;bottom:0;margin-inline:auto;z-index:3;width:calc(100% - 24px);max-width:860px;padding:0 0 20px}.st-box,.st-composer{display:flex;flex-direction:column;gap:10px}.st-box{position:relative;padding:18px 16px 14px 24px;border-radius:32px;background:var(--st-glass),var(--st-surface);border:1px solid var(--st-rim);box-shadow:var(--st-glass-shadow),var(--st-shadow)}.st-box:focus-within{box-shadow:var(--st-glass-shadow),0 0 0 1px color-mix(in srgb,var(--st-fg) 22%,transparent),var(--st-shadow)}.st-box.drop{box-shadow:var(--st-glass-shadow),0 0 0 2px var(--st-fg),var(--st-shadow)}.st-box textarea{width:100%;height:112px;min-height:112px;max-height:calc(min(360px, 100vh - 170px) - 92px);padding:2px 36px 0 0;border:0;outline:0;resize:none;background:none;color:var(--st-fg);font:inherit;font-size:18px;line-height:1.45}.st-box textarea::placeholder{color:var(--st-muted)}.st-attached{display:flex;flex-wrap:wrap;gap:8px;padding-right:36px}.st-attached .st-ref button{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(11,12,14,.5);opacity:0;transition:opacity var(--duration-quick)}.st-attached .st-ref button:focus-visible,.st-attached .st-ref:hover button{opacity:1}.st-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:-10px}.st-grow{flex:1}.st-s-chip{position:relative;height:40px;padding:0 15px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap;color:var(--st-fg);border:1px solid color-mix(in srgb,var(--st-fg) 12%,transparent);transition:background var(--duration-quick),scale var(--duration-micro) var(--ease-out)}.st-s-chip:hover{background:var(--st-surface)}.st-s-chip:active{scale:.97}.st-s-chip.round{width:40px;padding:0;justify-content:center}.st-s-chip.mic{width:44px;height:44px;border-radius:50%}.studio .st-s-chip.mic[aria-pressed=true]{background:var(--st-fg);color:var(--st-surface);border-color:transparent}.st-s-chip input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:14px}.st-attached svg,.st-dl svg,.st-s-chip svg{width:16px;height:16px}.st-s-chip.mic svg{width:17px;height:17px}.st-send svg{width:18px;height:18px}.st-grow-btn svg{width:15px;height:15px}.st-s-pick{position:relative;display:inline-flex}.st-s-chip i{font-style:normal}.st-s-pick .st-s-chip svg{width:12px;height:12px}.st-s-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:6;min-width:100%;max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:none;padding:6px;border-radius:18px;display:flex;flex-direction:column;gap:2px;background:var(--st-surface);box-shadow:0 0 0 1px var(--st-rim),var(--st-shadow);animation:st-fly var(--duration-quick) var(--ease-smooth-out) both}.st-s-menu::-webkit-scrollbar{display:none}.st-s-menu button{position:relative;flex:none;height:36px;padding:0 36px 0 12px;border-radius:12px;text-align:left;white-space:nowrap;font-size:14px;color:var(--st-fg)}.st-s-menu button:focus-visible,.st-s-menu button:hover{background:var(--st-chip);outline:none}.st-s-menu .on{font-weight:500}.st-s-menu .on:after{content:"✓";position:absolute;right:12px;top:50%;translate:0 -50%;font-size:13px}@keyframes st-fly{0%{opacity:0;translate:0 18px}}.st-send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--st-fg);color:var(--st-surface);transition:scale var(--duration-micro) var(--ease-out),opacity var(--duration-quick)}.st-s-chip.mic:active,.st-send:active{scale:.94}.st-send:disabled{opacity:.4;cursor:not-allowed}.st-grow-btn{position:absolute;top:14px;right:16px;z-index:1;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:var(--st-muted)}.st-grow-btn:hover{background:var(--st-chip);color:var(--st-fg)}.studio.writing .st-composer{position:fixed;inset:0;width:auto;z-index:10010;max-width:none;padding:20px;background:var(--st-surface)}.studio.writing .st-box{flex:1;width:100%;max-width:1400px;margin-inline:auto;padding:28px 24px 20px 36px}.studio.writing .st-box textarea{flex:1;height:auto;max-height:none;font-size:20px}.st-chats{position:fixed;left:11px;top:62px;z-index:5;display:flex;flex-direction:column;gap:8px}.st-chats .st-chip-btn{width:40px;height:40px;padding:0;border-radius:20px;justify-content:center;gap:0}.st-chats-hover{position:relative}.st-chat-pop{position:absolute;left:100%;top:-10px;padding-left:8px;visibility:hidden;opacity:0;translate:calc(var(--distance-micro) * -1) 0;transition:opacity var(--duration-quick) var(--ease-out),translate var(--duration-quick) var(--ease-out),visibility 0s var(--duration-quick)}.st-chats-hover:focus-within .st-chat-pop,.st-chats-hover:hover .st-chat-pop{visibility:visible;opacity:1;translate:0 0;transition-delay:0s}.st-panel{width:260px;max-height:calc(100vh - 90px);padding:10px 8px 8px;border-radius:22px;display:flex;flex-direction:column;gap:4px;background:var(--st-surface);box-shadow:0 0 0 1px var(--st-line),var(--st-shadow)}.st-panel small{padding:2px 12px 4px;font-size:12px;color:var(--st-muted)}.st-list{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;scrollbar-width:none}.st-list::-webkit-scrollbar{display:none}.st-list>*{flex:none;height:36px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;color:var(--st-fg);white-space:nowrap;overflow:hidden;transition:background var(--duration-quick)}.st-list span{min-width:0;overflow:hidden;text-overflow:ellipsis}.st-list svg{width:15px;height:15px;stroke:var(--st-muted);stroke-width:1.7}.st-list>:hover{background:color-mix(in srgb,var(--st-fg) 5%,transparent)}.st-list>[aria-current=true]{background:var(--st-chip);font-weight:500}.st-more{align-self:flex-start;height:32px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--st-muted)}.st-more:hover{color:var(--st-fg)}.st-more svg{width:12px;height:12px;stroke-width:2}.studio.writing .st-apps-hover,.studio.writing .st-chats{display:none}.st-apps-hover{position:absolute;right:calc(100% + 16px);bottom:20px;z-index:5}.st-apps-pop{position:absolute;left:0;bottom:100%;padding-bottom:8px;visibility:hidden;opacity:0;translate:0 var(--distance-micro);transition:opacity var(--duration-quick) var(--ease-out),translate var(--duration-quick) var(--ease-out),visibility 0s var(--duration-quick)}.st-apps-hover:focus-within .st-apps-pop,.st-apps-hover:hover .st-apps-pop{visibility:visible;opacity:1;translate:0 0;transition-delay:0s}.st-apps-pop .st-list>*{height:48px;padding:0 12px 0 6px}.st-apps-pop .st-panel{width:max-content;max-width:min(420px,80vw);max-height:calc(100dvh - 150px)}.st-apps-hover:before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(20,24,28,.28);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.st-apps-hover:focus-within:before,.st-apps-hover:hover:before{opacity:1}.st-composer:has(.st-apps-hover:focus-within),.st-composer:has(.st-apps-hover:hover){z-index:6}.st-apps-pop .st-list img{width:36px;height:36px;max-width:none;flex:none;object-fit:cover;object-position:50% 15%;border-radius:10px}.st-apps-pop svg{stroke-width:2}.st-apps-link{width:132px;height:104px;padding:14px;border-radius:26px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:0;text-align:left;white-space:normal}.st-apps-link>svg{box-sizing:content-box;width:18px;height:18px;padding:9px;border-radius:13px;background:var(--st-ico);box-shadow:0 0 0 1px var(--st-line),inset 0 1px 0 var(--color-white),0 4px 10px -6px rgba(20,24,28,.2)}.st-apps-link b{font-weight:500}.st-apps-link:hover{translate:0 -3px}@media (max-width:1240px){.st-apps-hover{right:auto;left:8px;bottom:calc(100% + 10px)}.st-apps-link{width:auto;height:40px;padding:0 14px;border-radius:20px;flex-direction:row;align-items:center;gap:8px}.st-apps-link>svg{padding:0;background:none;box-shadow:none}}@media (max-width:767px){.studio{height:calc(100dvh - 56px);padding:0 12px}.st-logo{display:none}.st-chats{top:68px;left:8px}.st-thread{padding-top:112px}.st-msg.wide .st-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-viewer{position:fixed;inset:0;z-index:10030;background:#000;color:#fff;display:grid;place-items:center;cursor:zoom-out}.studio-viewer svg{stroke-width:2}.studio-viewer figure{position:relative;margin:0;max-width:calc(100vw - 140px);max-height:calc(100vh - 96px);display:grid;cursor:default}.studio-viewer img,.studio-viewer video{max-width:calc(100vw - 140px);max-height:calc(100vh - 96px);object-fit:contain;border-radius:12px;display:block}.studio-viewer figure img{cursor:zoom-out}.st-v-top{position:absolute;inset:0 0 auto;height:56px;padding:0 16px 0 20px;display:flex;align-items:center;gap:6px;cursor:default;font-size:16px;font-variant-numeric:tabular-nums}.st-v-top b{font-weight:500}.st-v-nav,.st-v-top a,.st-v-top button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer}.st-v-top a:hover,.st-v-top button:hover{background:hsla(0,0%,100%,.14)}.st-v-nav{position:absolute;top:50%;translate:0 -50%;background:rgba(38,38,38,.8)}.st-v-nav:hover{background:rgba(64,64,64,.9)}.st-v-nav.prev{left:12px}.st-v-nav.next{right:12px}.studio-apps{width:100%;display:flex;flex-direction:column;gap:32px;padding:11px 0 24px}.st-phead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.st-phead h1{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.15}.st-lead{margin:6px 0 0;color:var(--st-muted);line-height:1.45;text-wrap:balance}.st-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.st-pic{position:relative;display:block;min-width:0;overflow:hidden;border-radius:30px;color:var(--st-fg);background:var(--st-glass);border:1px solid var(--st-rim);box-shadow:var(--st-glass-shadow);transition:translate var(--duration-quick) var(--ease-out),scale var(--duration-micro) var(--ease-out)}.st-pic:hover{translate:0 -4px}.st-pic:active{scale:.97}.st-ph{aspect-ratio:4/5;overflow:hidden}.st-ph,.st-ph img{display:block;width:100%}.st-ph img{height:100%;max-width:none;object-fit:cover;object-position:50% 12%}.st-cap{position:absolute;left:10px;right:10px;bottom:10px;padding:12px 14px;border-radius:20px;background:color-mix(in srgb,var(--st-surface) 88%,transparent);border:1px solid var(--st-rim)}.st-cap h2{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}@media (prefers-reduced-motion:reduce){.st-shot.gen i,.st-shot.gen:after,.st-shot.gen:before{animation:none}.st-apps-hover:before,.st-apps-pop,.st-chat-pop,.st-chip-btn,.st-pic{transition:none}.st-s-menu{animation:none}.st-apps-link:hover,.st-pic:hover{translate:none}}