.studio{--grad-a:#8478d9;--grad-b:#685bc7;--font:var(--font-golos), "Helvetica Neue", Helvetica, Arial, sans-serif;--bg:#f2f2f0;--card:#fff;--ink:#1a1a1c;--ink-2:#6e6e73;--ink-3:#a6a6ab;--line:#1a1a1c17;--chip:#e9e9e7;--green-bg:#d9f2dd;--green-ink:#2e9e4f;--blue-bg:#eaf3fe;--blue-ink:#1e7be8;--shadow-sm:none;--shadow-md:none;--grad:linear-gradient(118deg, var(--grad-a) 0%, var(--grad-b) 100%);background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.45}.studio *,.studio :before,.studio :after{box-sizing:border-box;margin:0;padding:0}.studio-shell{align-items:stretch;min-height:100vh;display:flex}.studio .side{background:var(--card);border-right:1px solid var(--line);z-index:30;flex-direction:column;gap:8px;width:244px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.studio .side-logo{padding:6px 10px 16px}.studio .side-nav{flex-direction:column;gap:4px;display:flex}.studio .side-item{cursor:pointer;width:100%;font:inherit;color:var(--ink-2);text-align:left;background:0 0;border:none;border-radius:13px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:flex}.studio .side-item:hover{background:var(--bg);color:var(--ink)}.studio .side-item.active{background:var(--grad);color:#fff}.studio .side-subnav{border-left:1px solid var(--line);flex-direction:column;gap:2px;margin:2px 0 2px 30px;padding-left:10px;display:flex}.studio .side-subitem{cursor:pointer;font:inherit;color:var(--ink-2);text-align:left;background:0 0;border:none;border-radius:9px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.studio .side-subitem:hover{background:var(--bg);color:var(--ink)}.studio .side-ic{flex:none;place-items:center;width:18px;height:18px;display:grid}.studio .side-ic svg{display:block}.studio .side-foot{flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;display:flex}.studio .side-balance{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.studio .side-balance-info{align-items:center;gap:10px;min-width:0;display:flex}.studio .side-balance .balance-amount{font-size:16px}.studio .side-balance .btn-topup{width:100%;height:40px}.studio .side-profile-wrap{position:relative}.studio .side-profile{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:6px;transition:background .15s;display:flex}.studio .side-profile:hover{background:var(--bg)}.studio .side-profile-chev{color:var(--ink-3);flex:none;margin-left:auto;font-size:11px}.studio .side-email{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.studio .profile-pop-backdrop{z-index:65;position:fixed;inset:0}.studio .profile-pop{background:var(--card);border:1px solid var(--line);z-index:66;border-radius:16px;flex-direction:column;gap:14px;width:300px;max-width:calc(100vw - 28px);padding:16px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 16px 48px #1a1a1c2e}.studio .profile-pop-head{align-items:center;gap:12px;display:flex}.studio .profile-pop-id{flex-direction:column;min-width:0;display:flex}.studio .profile-pop-nick{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.studio .profile-pop-mail{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio .profile-pop-balance{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:8px;padding-top:14px;font-size:15px;display:flex}.studio .profile-pop-balance b{font-weight:700}.studio .profile-pop-balance span:last-child{color:var(--ink-3)}.studio .profile-pop-topup{width:100%;height:42px}.studio .profile-pop-links{flex-direction:column;gap:2px;display:flex}.studio .profile-pop-links a{color:var(--ink-2);border-radius:8px;padding:8px 4px;font-size:14px;text-decoration:none;transition:background .12s,color .12s}.studio .profile-pop-links a:hover{background:var(--bg);color:var(--ink)}.studio .profile-pop-logout{cursor:pointer;font:inherit;color:#d14343;text-align:left;border:none;border-top:1px solid var(--line);background:0 0;padding:12px 4px 2px;font-size:14px;font-weight:600}.studio .profile-pop-logout:hover{color:#b93030}.studio .side-main{flex:1;min-width:0;margin-left:244px}@media (max-width:900px){.studio-shell{flex-direction:column}.studio .side{border-right:none;flex-direction:row;gap:0;width:auto;height:auto;padding:0;position:static}.studio .side-logo{display:none}.studio .side-foot{z-index:40;background:var(--card);border-bottom:1px solid var(--line);flex-direction:row;order:-1;align-items:center;gap:10px;margin-top:0;padding:10px 14px;position:fixed;top:0;left:0;right:0}.studio .side-balance{border-radius:999px;flex-direction:row;align-items:center;gap:10px;padding:4px 4px 4px 14px}.studio .side-balance .btn-topup{width:auto;height:34px}.studio .side-profile-wrap{margin-left:auto}.studio .side-profile{width:auto;padding:0}.studio .side-email,.studio .side-profile-chev{display:none}.studio .profile-pop{inset:calc(100% + 8px) 0 auto auto}.studio .side-nav{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);flex-direction:row;gap:0;position:fixed;bottom:0;left:0;right:0}.studio .side-item{border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:6px 4px;font-size:11px;font-weight:600}.studio .side-item.active{color:var(--grad-b);background:0 0}.studio .side-item:hover{background:0 0}.studio .side-subnav{display:none}.studio .chat-topbar--mobile{display:flex}.studio .side-main{margin-left:0;padding-top:62px;padding-bottom:74px}}.studio .topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:22px 32px 10px;display:flex}.studio .logo{letter-spacing:-.01em;align-items:center;gap:11px;font-size:17px;font-weight:700;display:flex}.studio .logo-mark{background:var(--grad);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:11px;place-items:center;font-size:16px;display:grid}.studio .topbar-right{align-items:center;gap:10px;display:flex}.studio .balance-pill{background:var(--card);height:44px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 16px;display:flex}.studio .balance-amount{font-variant-numeric:tabular-nums;font-weight:600;display:inline-block}.studio .balance-amount b{font-weight:600}.studio .balance-amount span{color:var(--ink-3);margin-left:4px;font-weight:500}.studio .balance-amount.pulse{animation:.45s studio-balance-pulse}@keyframes studio-balance-pulse{50%{transform:scale(1.12)}}.studio .token-dot{background:var(--grad);border-radius:50%;flex:none;width:14px;height:14px}.studio .btn-topup{cursor:pointer;font:inherit;color:#fff;background:var(--grad);height:34px;box-shadow:var(--shadow-sm);border:none;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.studio .btn-topup:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.studio .avatar{width:44px;height:44px;box-shadow:var(--shadow-sm);color:#7a7a85;background:linear-gradient(135deg,#dcdce6,#c2c6d4);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.studio .composer{flex-direction:column;align-items:center;gap:24px;max-width:860px;margin:0 auto;padding:48px 32px 0;display:flex}.studio .composer h1{font-family:var(--font-serif), Georgia, "Times New Roman", serif;letter-spacing:-.01em;text-align:center;white-space:nowrap;font-size:38px;font-weight:500;line-height:1.15}.studio .composer h1 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.studio .segmented{background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;gap:0;padding:4px;display:flex;position:relative}.studio .seg-indicator{background:var(--grad);width:calc(33.3333% - 2.66667px);box-shadow:none;z-index:0;will-change:transform;border-radius:999px;transition:transform .55s cubic-bezier(.5,1.45,.45,1),width .3s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0)}.studio .seg-indicator.sloshing{width:calc(33.3333% + 7.33333px)}.studio .segmented button{cursor:pointer;min-width:0;font:inherit;color:var(--ink-2);z-index:1;background:0 0;border:none;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:color .3s;display:flex;position:relative}.studio .segmented button:hover{color:var(--ink)}.studio .segmented button.active{color:#fff}@media (prefers-reduced-motion:reduce){.studio .seg-indicator{transition:none}}.studio .seg-icon{place-items:center;width:16px;height:16px;display:grid}.studio .seg-icon svg{display:block}@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}.studio .prompt-card{background:var(--card);width:100%;box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;gap:18px;padding:22px 22px 16px;display:flex;position:relative}.studio .prompt-card:before{content:"";background:conic-gradient(from var(--ga), var(--grad-a), var(--grad-b), var(--grad-a), var(--grad-b), var(--grad-a));z-index:-1;border-radius:25px;animation:7s linear infinite studio-border-spin;position:absolute;inset:-1px}@keyframes studio-border-spin{0%{--ga:0deg}to{--ga:360deg}}@media (prefers-reduced-motion:reduce){.studio .prompt-card:before{animation:none}}.studio .prompt-card textarea{resize:none;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;width:100%;min-height:84px;font-size:17px}.studio .prompt-card textarea::placeholder{color:var(--ink-3)}.studio .prompt-card.shake{animation:.3s studio-shake}@keyframes studio-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.studio .prompt-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:8px;padding-top:14px;display:flex}.studio .chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:box-shadow .15s;display:flex;position:relative}.studio .chip:hover{box-shadow:var(--shadow-sm)}.studio .chip .chip-label{display:none}.studio .chip:hover .chip-label{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:70;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:500;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1a1a1c2e}.studio .chip:hover .chip-label:after{content:"";border:4px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.studio .chip .chev{color:var(--ink-3);margin-left:-4px;font-size:10px;transition:transform .15s;display:inline-block}.studio .chip.open .chev{transform:rotate(180deg)}.studio .chip-model{background:var(--card);box-shadow:var(--shadow-sm);border-color:#0000}.studio .btn-attach{border:1px solid var(--line);background:var(--bg);width:37px;height:37px;color:var(--ink-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:box-shadow .15s,color .15s,background .15s;display:grid}.studio .btn-attach:hover{box-shadow:var(--shadow-sm);color:var(--ink)}.studio .btn-attach svg{display:block}.studio .attachments{flex-wrap:wrap;gap:8px;display:none}.studio .attachments.has-files{display:flex}.studio .attach-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:8px;max-width:220px;padding:6px 8px 6px 10px;font-size:12.5px;font-weight:500;display:flex}.studio .attach-chip .att-thumb{object-fit:cover;background:var(--chip);width:26px;height:26px;color:var(--ink-3);border-radius:7px;flex:none;place-items:center;font-size:11px;display:grid}.studio .attach-chip .att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio .attach-chip .att-remove{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:grid}.studio .attach-chip .att-remove:hover{background:var(--chip);color:var(--ink)}.studio .prompt-actions{flex-direction:column;align-items:flex-end;gap:7px;margin-left:auto;display:flex}.studio .cost{text-align:right;color:var(--ink-3);white-space:nowrap;font-size:12px}.studio .cost .cost-tokens{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.studio .cost .cost-tokens.insufficient{color:#d14343}.studio .btn-generate{cursor:pointer;font:inherit;color:#fff;background:var(--grad);border:none;border-radius:999px;align-items:center;gap:8px;height:37px;padding:0 20px;font-size:14px;font-weight:600;transition:transform .15s;display:flex}.studio .btn-generate:hover{transform:translateY(-1px)}.studio .btn-generate:disabled{cursor:default;opacity:.75;transform:none}.studio .btn-generate .gen-icon{display:inline-block}.studio .btn-generate.loading .gen-icon{animation:1.1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio .btn-topup,.studio .btn-pay,.studio .btn-generate,.studio .seg-indicator{background-image:linear-gradient(110deg, var(--grad-a) 0%, var(--grad-b) 45%, var(--grad-a) 100%);background-position:0%;background-size:220% 100%}.studio .btn-topup,.studio .btn-pay{transition:transform .15s,box-shadow .15s,background-position .6s}.studio .btn-topup:hover,.studio .btn-pay:hover,.studio .btn-generate:hover:not(:disabled){animation:1.5s linear infinite studio-btn-sheen}@keyframes studio-btn-sheen{0%{background-position:0%}to{background-position:-220%}}@media (prefers-reduced-motion:reduce){.studio .btn-topup:hover,.studio .btn-pay:hover,.studio .btn-generate:hover:not(:disabled){animation:none}}.studio .history{max-width:none;margin:0 auto;padding:64px 32px 72px}.studio .history-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.studio .history-head h2{letter-spacing:-.01em;margin-right:auto;font-size:19px;font-weight:700}.studio .pill-filter{background:var(--card);color:var(--ink-2);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:500;display:flex}.studio .pill-filter b{color:var(--blue-ink);font-weight:600}.studio .pill-filter .chev{color:var(--ink-3);font-size:10px;transition:transform .15s;display:inline-block}.studio .pill-filter.open .chev{transform:rotate(180deg)}.studio .dropdown-menu{background:var(--card);z-index:60;border-radius:16px;flex-direction:column;gap:2px;min-width:190px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 40px #1a1a1c29}.studio .dropdown-item{cursor:pointer;font:inherit;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.studio .dropdown-item:hover{background:var(--bg)}.studio .dropdown-item .check{color:#0000;flex:none;width:14px;font-size:12px}.studio .dropdown-item.selected .check{color:var(--grad-b)}.studio .history-grid{column-count:4;column-gap:16px}@media (min-width:1600px){.studio .history-grid{column-count:5}}@media (max-width:1100px){.studio .history-grid{column-count:2}}@media (max-width:640px){.studio .history-grid{column-count:1}}.studio .ex-toggle{background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.studio .ex-toggle button{cursor:pointer;font:inherit;color:var(--ink-2);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s}.studio .ex-toggle button:hover{color:var(--ink)}.studio .ex-toggle button.active{background:var(--grad);color:#fff}.studio .ex-card{cursor:pointer;background:var(--card);box-shadow:var(--shadow-sm);break-inside:avoid;-webkit-column-break-inside:avoid;border-radius:20px;margin-bottom:16px;display:block;position:relative;overflow:hidden}.studio .ex-media{object-fit:cover;width:100%;height:auto;display:block}.studio .ex-cap{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.studio .ex-card:hover .ex-cap{opacity:1}@media (hover:none){.studio .ex-cap{opacity:1;background:0 0;justify-content:flex-end;align-items:flex-end;padding:10px;inset:auto 0 0}.studio .ex-use{background:#0000008c}}.studio .ex-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.studio .ex-use{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.studio .ex-use .gen-icon{font-size:11px}.studio .ex-empty{color:var(--ink-3);padding:24px 4px;font-size:14px}.studio .ex-more-wrap{justify-content:center;margin-top:20px;display:flex}.studio .ex-more{border:1px solid var(--line);background:var(--card);cursor:pointer;font:inherit;color:var(--ink);border-radius:999px;padding:11px 26px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.studio .ex-more:hover{background:var(--bg);transform:translateY(-1px)}.studio .gen-card{background:var(--card);box-shadow:var(--shadow-sm);break-inside:avoid;-webkit-column-break-inside:avoid;border-radius:20px;flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden}.studio .gen-media{aspect-ratio:4/3;background:repeating-linear-gradient(-45deg,#ececea 0 10px,#f4f4f2 10px 20px);place-items:center;display:grid;position:relative}.studio .gen-media .gen-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.studio .gen-media .ph-label{color:var(--ink-3);background:#ffffffbf;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.studio .gen-text{aspect-ratio:4/3;color:var(--ink-2);background:linear-gradient(#fff 55%,#fafaf9 100%);padding:16px;font-size:13px;line-height:1.55;position:relative;overflow:hidden}.studio .gen-text:after{content:"";background:linear-gradient(#0000,#fafaf9);height:56px;position:absolute;inset:auto 0 0}.studio .gen-pending{color:var(--ink-3)}.studio .badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.studio .badge-ready{background:var(--green-bg);color:var(--green-ink)}.studio .badge-progress{background:var(--blue-bg);color:var(--blue-ink)}.studio .badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.studio .badge-duration{color:#fff;font-variant-numeric:tabular-nums;background:#1a1a1ca6;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;position:absolute;bottom:10px;right:10px}.studio .gen-meta{border-top:1px solid var(--line);color:var(--ink-2);align-items:center;gap:8px;padding:11px 14px;font-size:12.5px;display:flex}.studio .gen-meta .model{color:var(--ink);font-weight:600}.studio .gen-meta .spend{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;font-weight:600;display:flex}.studio .gen-meta .token-dot{width:9px;height:9px}.studio .btn-copy{cursor:pointer;width:28px;height:28px;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.studio .btn-copy:hover{background:var(--chip);color:var(--ink)}.studio .btn-dl{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:34px;height:34px;color:var(--ink);cursor:pointer;opacity:0;z-index:3;background:#ffffffeb;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;top:8px;right:8px;transform:translateY(-4px)}.studio .btn-dl.open,.studio .gen-media:hover .btn-dl{opacity:1;transform:translateY(0)}.studio .btn-dl:hover{background:#fff}.studio .gen-media img.gen-img{cursor:zoom-in}.studio .gen-video-open{cursor:zoom-in;z-index:1;background:0 0;border:none;padding:0;display:block;position:absolute;inset:0}.studio .gen-play{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;pointer-events:none;background:#1414168c;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio .gen-play svg{margin-left:2px}.studio .gen-media:hover .gen-play{background:#141416b8;transform:translate(-50%,-50%)scale(1.06)}.studio .badge,.studio .badge-duration{z-index:2}.studio .dp-lightbox{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121214d1;place-items:center;padding:40px;animation:.18s dp-lightbox-in;display:grid;position:fixed;inset:0}@keyframes dp-lightbox-in{0%{opacity:0}to{opacity:1}}.studio .dp-lightbox-media{object-fit:contain;background:#000;border-radius:12px;width:auto;max-width:min(94vw,1400px);height:auto;max-height:86vh;box-shadow:0 24px 80px #00000080}.studio .dp-lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;transition:background .15s;display:inline-flex;position:fixed;top:18px;right:22px}.studio .dp-lightbox-close:hover{background:#ffffff47}.studio .dp-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#1a1a1c59;place-items:center;padding:24px;display:none;position:fixed;inset:0}.studio .dp-modal-backdrop.open{display:grid}.studio .dp-modal{background:var(--bg);border-radius:28px;width:100%;max-width:720px;padding:28px;box-shadow:0 24px 80px #1a1a1c40}.studio .dp-modal-head{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.studio .dp-modal-head h3{letter-spacing:-.01em;font-size:21px;font-weight:700}.studio .dp-modal-head p{color:var(--ink-2);margin-top:4px;font-size:14px}.studio .dp-modal-head p.warn{color:#d14343}.studio .dp-modal-close{cursor:pointer;background:var(--card);width:34px;height:34px;color:var(--ink-2);box-shadow:var(--shadow-sm);border:none;border-radius:999px;margin-left:auto;font-size:14px}.studio .packs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}@media (max-width:640px){.studio .packs{grid-template-columns:1fr}}.studio .pack{background:var(--card);box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #0000;border-radius:20px;flex-direction:column;gap:4px;padding:18px 16px;transition:border-color .15s,transform .15s;display:flex;position:relative}.studio .pack.selected{border-color:var(--grad-b)}.studio .pack:hover{transform:translateY(-2px)}.studio .pack-tag{background:var(--grad);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:14px}.studio .pack-tokens{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.studio .pack-tokens .token-dot{width:12px;height:12px}.studio .pack-price{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px}.studio .pack-rate{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.studio .dp-modal-foot{align-items:center;gap:10px;display:flex}.studio .pay-chip{background:var(--card);height:44px;color:var(--ink-2);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:12.5px;font-weight:600;display:inline-flex}.studio .btn-pay{cursor:pointer;height:44px;font:inherit;color:#fff;background:var(--grad);white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 28px;font-size:15px;font-weight:600;display:inline-flex}.studio .btn-pay:disabled{cursor:default;opacity:.8}.studio .btn-logout{cursor:pointer;width:38px;height:38px;color:var(--ink-2);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.studio .btn-logout:hover{background:var(--chip);color:var(--ink)}.studio.auth-loading{min-height:100vh}.studio .auth-backdrop{place-items:center;min-height:100vh;padding:24px;display:grid}.studio .auth-card{background:var(--card);border-radius:22px;width:100%;max-width:400px;padding:32px 28px;box-shadow:0 20px 60px #1a1a1c1f}.studio .auth-logo{letter-spacing:-.01em;justify-content:center;align-items:center;gap:11px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.studio .auth-tabs{background:var(--chip);border-radius:999px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.studio .auth-tabs button{cursor:pointer;font:inherit;color:var(--ink-2);background:0 0;border:none;border-radius:999px;flex:1;height:36px;font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.studio .auth-tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #1a1a1c1a}.studio .auth-form{flex-direction:column;gap:14px;display:flex}.studio .auth-field{flex-direction:column;gap:6px;display:flex}.studio .auth-field span{color:var(--ink-2);font-size:13px;font-weight:500}.studio .auth-field input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;height:46px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.studio .auth-field input:focus{border-color:var(--grad-b);box-shadow:0 0 0 3px #685bc724}.studio .auth-consent{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.4;display:flex}.studio .auth-consent input{width:16px;height:16px;accent-color:var(--grad-b);cursor:pointer;flex:none;margin-top:2px}.studio .auth-consent a{color:var(--grad-b);font-weight:600;text-decoration:none}.studio .auth-consent a:hover{text-decoration:underline}.studio .auth-error{color:#d8453b;background:#fcebea;border-radius:10px;padding:9px 12px;font-size:13px}.studio .auth-submit{cursor:pointer;font:inherit;color:#fff;background:var(--grad);border:none;border-radius:12px;height:48px;margin-top:4px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}.studio .auth-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.studio .auth-submit:disabled{cursor:default;opacity:.7;transform:none}a.auth-submit{justify-content:center;align-items:center;text-decoration:none;display:flex}.studio .auth-note{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.studio .auth-forgot{cursor:pointer;font:inherit;color:var(--grad-b);background:0 0;border:none;align-self:flex-end;margin-top:-4px;padding:0;font-size:13px;font-weight:600}.studio .auth-forgot:hover{text-decoration:underline}.studio .auth-switch{text-align:center;color:var(--ink-2);margin-top:18px;font-size:13.5px}.studio .auth-switch button{cursor:pointer;font:inherit;color:var(--grad-b);background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600}.studio .auth-switch button:hover{text-decoration:underline}.studio .legal{max-width:760px;margin:0 auto;padding:40px 32px 80px}.studio .legal-back{color:var(--grad-b);margin-bottom:24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.studio .legal-back:hover{text-decoration:underline}.studio .legal h1{letter-spacing:-.01em;margin-bottom:6px;font-size:28px;font-weight:700}.studio .legal-date{color:var(--ink-3);margin-bottom:28px;font-size:14px}.studio .legal h2{margin:28px 0 10px;font-size:18px;font-weight:700}.studio .legal p{color:var(--ink-2);margin-bottom:12px;line-height:1.6}.studio .legal ul{color:var(--ink-2);margin:0 0 14px;padding-left:22px;line-height:1.6}.studio .legal li{margin-bottom:6px}.studio .legal strong{color:var(--ink);font-weight:600}.studio .legal a{color:var(--grad-b);text-decoration:none}.studio .legal a:hover{text-decoration:underline}.studio .legal-foot{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.studio .dp-toast{background:var(--ink);color:#fff;text-align:center;z-index:100;border-radius:12px;max-width:min(92vw,420px);padding:12px 18px;font-size:14px;line-height:1.35;animation:.22s studio-toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1a1a1c47}@keyframes studio-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.studio .chat{justify-content:center;max-width:1240px;height:min(600px,100vh - 200px);min-height:380px;margin:8px auto 0;padding:0 32px 24px;display:flex}.studio .chat-sidebar{z-index:60;background:var(--bg);width:280px;box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:16px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.studio .chat-sidebar.open{transform:translate(0)}.studio .chat-new{border:1px solid var(--line);background:var(--card);cursor:pointer;height:42px;font:inherit;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.studio .chat-new:hover{background:var(--chip)}.studio .chat-new span{color:var(--grad-b);font-size:18px}.studio .chat-convs{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.studio .chat-empty-list{color:var(--ink-3);padding:10px 8px;font-size:13px}.studio .chat-conv{cursor:pointer;color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:13.5px;transition:background .12s;display:flex}.studio .chat-conv:hover{background:var(--chip)}.studio .chat-conv.active{background:var(--chip);color:var(--ink);font-weight:600}.studio .chat-conv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.studio .chat-conv-del{cursor:pointer;color:var(--ink-3);opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:2px 4px;font-size:12px}.studio .chat-conv:hover .chat-conv-del{opacity:1}.studio .chat-conv-del:hover{color:#d8453b;background:#fcebea}.studio .chat-main{flex-direction:column;flex:auto;min-width:0;max-width:880px;display:flex}.studio .chat-topbar{justify-content:space-between;align-items:center;padding:4px 4px 8px}.studio .chat-topbar--mobile{display:none}.studio .chat-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--ink-2);background:0 0;border:none;border-radius:10px;place-items:center;font-size:20px;line-height:1;transition:background .15s,color .15s;display:grid}.studio .chat-icon-btn:hover{background:var(--chip);color:var(--ink)}.studio .chat-select{position:relative}.studio .chat-select select{appearance:none;border:1px solid var(--line);background:var(--chip);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 30px 7px 14px;font-size:13px;font-weight:600}.studio .chat-select:after{content:"▾";pointer-events:none;color:var(--ink-3);font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.studio .chat-thread{flex-direction:column;flex:1;gap:16px;padding:22px 20px;display:flex;overflow-y:auto}.studio .chat-welcome{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:auto;padding:12px;display:flex}.studio .chat-welcome-mark{background:var(--grad);color:#fff;width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;margin:0 0 12px;font-size:20px;display:grid}.studio .chat-welcome-model{color:var(--ink-3);margin-bottom:16px;font-size:14px;font-weight:600}.studio .chat-welcome-title{font-family:var(--font-serif), Georgia, serif;color:var(--ink);margin-bottom:26px;font-size:26px;font-weight:500;line-height:1.25}.studio .chat-suggests{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.studio .chat-suggest{text-align:left;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;flex-direction:column;gap:3px;padding:13px 16px;transition:background .15s,transform .15s;display:flex}.studio .chat-suggest:hover{background:var(--bg);transform:translateY(-1px)}.studio .chat-suggest-title{color:var(--ink);font-size:14px;font-weight:600}.studio .chat-suggest-sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}@media (max-width:560px){.studio .chat-suggests{grid-template-columns:1fr}}.studio .chat-msg{flex-direction:column;max-width:78%;display:flex}.studio .chat-msg--user{align-self:flex-end;align-items:flex-end}.studio .chat-msg--assistant{align-self:flex-start;align-items:flex-start}.studio .chat-bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;padding:11px 15px;font-size:14.5px;line-height:1.55}.studio .chat-msg--user .chat-bubble{background:var(--grad);color:#fff;border-bottom-right-radius:5px}.studio .chat-msg--assistant .chat-bubble{background:var(--chip);color:var(--ink);border-bottom-left-radius:5px}.studio .chat-msg-error{color:#d8453b}.studio .chat-md{white-space:normal}.studio .chat-md>:first-child{margin-top:0}.studio .chat-md>:last-child{margin-bottom:0}.studio .chat-md p{margin:0 0 .6em}.studio .chat-md ul,.studio .chat-md ol{margin:0 0 .6em;padding-left:1.35em}.studio .chat-md li{margin:.15em 0}.studio .chat-md li>ul,.studio .chat-md li>ol{margin:.15em 0 .3em}.studio .chat-md h1,.studio .chat-md h2,.studio .chat-md h3,.studio .chat-md h4{margin:.7em 0 .4em;font-weight:700;line-height:1.3}.studio .chat-md h1{font-size:1.25em}.studio .chat-md h2{font-size:1.15em}.studio .chat-md h3{font-size:1.05em}.studio .chat-md h4{font-size:1em}.studio .chat-md a{color:var(--grad-b);text-decoration:underline}.studio .chat-md code{background:#0000000f;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.studio .chat-md pre{background:#0000000f;border-radius:8px;margin:0 0 .6em;padding:10px 12px;overflow-x:auto}.studio .chat-md pre code{background:0 0;padding:0}.studio .chat-md blockquote{border-left:3px solid var(--line);color:var(--ink-2);margin:0 0 .6em;padding-left:.8em}.studio .chat-md hr{border:none;border-top:1px solid var(--line);margin:.7em 0}.studio .chat-msg-meta{color:var(--ink-3);align-items:center;gap:10px;margin-top:5px;padding:0 4px;font-size:12px;display:flex}.studio .chat-msg-cost{align-items:center;gap:4px;display:inline-flex}.studio .chat-copy{cursor:pointer;font:inherit;color:var(--ink-3);background:0 0;border:none;padding:0;font-size:12px}.studio .chat-copy:hover{color:var(--grad-b);text-decoration:underline}.studio .chat-typing{gap:4px;padding:3px 0;display:inline-flex}.studio .chat-typing i{background:var(--ink-3);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chat-bounce}.studio .chat-typing i:nth-child(2){animation-delay:.15s}.studio .chat-typing i:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.studio .chat-caret{vertical-align:text-bottom;background:var(--ink-2);width:2px;height:1.05em;margin-left:2px;animation:1s steps(2,start) infinite chat-caret-blink;display:inline-block}@keyframes chat-caret-blink{0%,to{opacity:1}50%{opacity:0}}.studio .chat-composer{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:10px;margin:0 0 4px;padding:12px 14px;display:flex}.studio .chat-composer:focus-within{border-color:var(--grad-b)}.studio .chat-composer-input{resize:none;width:100%;font:inherit;color:var(--ink);background:0 0;border:none;max-height:160px;padding:2px 2px 0;font-size:14.5px;line-height:1.5}.studio .chat-composer-input:focus{outline:none}.studio .chat-composer-input::placeholder{color:var(--ink-3)}.studio .chat-composer-bar{align-items:center;gap:8px;display:flex}.studio .chat-composer-spacer{flex:1}.studio .chat-send{cursor:pointer;background:var(--grad);color:#fff;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .15s,opacity .15s;display:grid}.studio .chat-send:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.studio .chat-send:disabled{opacity:.45;cursor:default}.studio .chat-backdrop{z-index:55;background:#00000059;position:fixed;inset:0}@media (max-width:760px){.studio .chat{height:min(480px,100vh - 180px);min-height:320px;padding:0 14px 16px}.studio .chat-msg{max-width:88%}}@media (max-width:640px){.studio{overflow-x:hidden}.studio .topbar{gap:10px;padding:16px 14px 8px}.studio .topbar-right{gap:8px}.studio .logo{font-size:16px}.studio .balance-pill{gap:8px;height:40px;padding:4px 4px 4px 13px}.studio .balance-amount{font-size:14px}.studio .btn-topup{height:30px;padding:0 13px;font-size:13px}.studio .avatar{width:38px;height:38px}.studio .composer{gap:18px;padding:28px 14px 0}.studio .composer h1{white-space:normal;font-size:25px}.studio .prompt-card{border-radius:20px;padding:18px 16px 14px}.studio .prompt-card textarea{min-height:70px;font-size:16px}.studio .history{padding:22px 14px 40px}.studio .history-grid{column-gap:12px}.studio .chat{padding:0 14px 16px}.studio .chat-composer-input{font-size:16px}.studio .chat-composer-bar{flex-wrap:wrap}}