/* Creation tools and records share the app's dp/sp token system. */
.studio-header{gap:8px;margin-bottom:18px}.studio-header h1{min-width:0;overflow-wrap:anywhere}.studio-header-spacer{width:48px;flex-shrink:0}.studio-intro{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-width:0}.studio-tool-icon{width:70px;height:70px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 7px 9px #577BF41A)}.studio-intro>div{min-width:0}.studio-kicker{display:block;color:#7A62D8;letter-spacing:.02em;font-size:calc(12px * var(--font-scale));line-height:1.6}.studio-intro h2{font-size:calc(17px * var(--font-scale));line-height:1.6;color:#24314D;margin-top:4px;font-weight:650;overflow-wrap:anywhere}.studio-demo-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;background:#EBF0FF;border:1px solid #E0E7FE;color:#53668F;border-radius:14px;font-size:calc(12px * var(--font-scale));line-height:1.7;margin:12px 0 18px}.studio-demo-note .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.studio-card{background:#fff;border:1px solid #E7EBF8;border-radius:20px;padding:16px;margin:14px 0;box-shadow:0 8px 28px #273A6B04;min-width:0}.studio-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px;min-width:0}.studio-section-title h2{display:flex;align-items:center;gap:7px;font-size:calc(16px * var(--font-scale));line-height:1.5;color:#18243D;min-width:0;overflow-wrap:anywhere}.studio-section-title h2 .icon{width:18px;height:18px;color:#21B892;flex-shrink:0}.studio-section-title>span{font-size:calc(12px * var(--font-scale));line-height:1.6;color:#79849B;padding-top:2px;flex-shrink:0}.studio-parameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.studio-field{display:flex;flex-direction:column;gap:7px;min-width:0}.studio-field>span{color:#65718B;font-size:calc(12px * var(--font-scale));line-height:1.5}.studio-field:has([data-studio-field="model"]){grid-column:1/-1}.phone .studio-field select{min-width:0;width:100%;min-height:48px;padding:11px 25px 11px 11px;border:1px solid #E0E6F5;border-radius:12px;background:#F7F9FF;color:#253353;font-size:calc(14px * var(--font-scale));font-family:inherit;line-height:1.5;text-overflow:ellipsis;outline-offset:2px}.studio-field select:focus{border-color:#7897F4;background:#F3F6FF}.studio-input-label{display:block;font-size:calc(15px * var(--font-scale));line-height:1.6;color:#253352;font-weight:650;margin:0 0 10px}.phone [data-studio-input]{width:100%;min-width:0;min-height:138px;padding:13px 12px;background:#F8FAFF;border:1px solid #E1E7F6;border-radius:14px;color:#253353;font-family:inherit;font-size:calc(16px * var(--font-scale));line-height:1.7;resize:vertical;outline-offset:2px}.phone [data-studio-input]::placeholder{color:#8994AB}.phone [data-studio-input]:focus{border-color:#91ADF8}.studio-input-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7B879D;font-size:calc(11px * var(--font-scale));line-height:1.5;margin:7px 1px 14px}.studio-input-footer>span:first-child{min-width:0;overflow-wrap:anywhere}.studio-input-footer>span:last-child{flex-shrink:0}.studio-upload-block{margin-top:10px}.studio-upload{width:100%;min-height:104px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:1px dashed #CDD8F6;border-radius:15px;background:linear-gradient(150deg,#F6F9FF,#F7F4FF);padding:15px 10px;color:#6576A1;text-align:center}.studio-upload>.icon{width:25px;height:25px;color:#688CF1}.studio-upload strong{font-size:calc(14px * var(--font-scale));line-height:1.5;color:#466090;font-weight:600}.studio-upload>span{font-size:calc(12px * var(--font-scale));line-height:1.6}.studio-upload:hover{border-color:#819DEA;background:#EEF3FF}.studio-hint{font-size:calc(12px * var(--font-scale));color:#8490A6;line-height:1.7;margin-top:9px;overflow-wrap:anywhere}.studio-attachments{display:flex;flex-direction:column;gap:9px;margin:10px 0 12px}.studio-attachment{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid #E2E8F5;border-radius:14px;background:#F8FAFF}.studio-attachment-preview{width:66px;height:60px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#E9EFFB;display:grid;place-items:center}.studio-attachment-preview>img,.studio-attachment-preview>video{width:100%;height:100%;object-fit:cover}.studio-attachment:has(video){flex-wrap:wrap}.studio-attachment:has(video) .studio-attachment-preview{width:100%;height:158px;background:#172037}.studio-attachment:has(video) video{object-fit:contain}.studio-attachment-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.studio-attachment-meta strong{font-size:calc(12px * var(--font-scale));line-height:1.5;overflow-wrap:anywhere;color:#455577;font-weight:600}.studio-attachment-meta>span{font-size:calc(11px * var(--font-scale));line-height:1.5;color:#8C97AB}.studio-file-icon{color:#698BDA}.studio-file-icon .icon{width:29px;height:29px}.studio-remove{width:48px;min-width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#fff8;border-radius:11px;color:#8593AD}.studio-remove .icon{width:18px;height:18px}.studio-remove:hover{background:#E7EDFA;color:#496AAB}.studio-missing-media{font-size:calc(10px * var(--font-scale));line-height:1.4;color:#7686A8;display:flex;align-items:center;flex-direction:column;padding:3px;text-align:center}.studio-missing-media .icon{width:22px;height:22px}.studio-button{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border-radius:14px;font-size:calc(14px * var(--font-scale));line-height:1.6;font-weight:650;min-width:0;max-width:100%;text-align:center;overflow-wrap:anywhere}.studio-button .icon{width:18px;height:18px;flex-shrink:0}.studio-primary{background:linear-gradient(110deg,#7960F5,#2864FF);color:#fff;box-shadow:0 6px 18px #3D6AFF20}.studio-secondary{background:#F0F4FF;color:#4669C4;border:1px solid #E2EAFB}.studio-ghost{background:transparent;color:#7887A3;font-weight:500}.studio-full{width:100%}.studio-button:disabled{opacity:.55;cursor:default;box-shadow:none}.studio-submit-note{display:flex;justify-content:space-between;gap:12px;font-size:calc(12px * var(--font-scale));color:#8A96AE;line-height:1.7;margin:15px 3px 10px}.studio-submit-note strong{color:#527CD6}.studio-local-footnote{font-size:calc(11px * var(--font-scale));color:#98A3B8;text-align:center;line-height:1.7;margin:16px 0 8px;overflow-wrap:anywhere}.studio-processing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:25px 16px}.studio-processing>.spinner{width:25px;height:25px;color:#6B6FF2}.studio-processing h3{font-size:calc(15px * var(--font-scale));color:#445888;line-height:1.6}.studio-processing p{font-size:calc(12px * var(--font-scale));color:#8C9AB6;text-align:center;line-height:1.8}.studio-processing .skeleton-line{width:100%;height:10px}.studio-processing .studio-skeleton-short{width:70%;align-self:flex-start}.studio-success-tag{color:#32A990!important;background:#EDFAF5;padding:4px 8px!important;border-radius:7px}.studio-output .studio-section-title{margin-bottom:5px}.studio-output-text{font-size:calc(14px * var(--font-scale));line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#455574;margin:16px 0}.studio-result-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #EEF1F8;padding-top:13px}.studio-result-actions>.studio-secondary{flex:1 1 115px}.studio-result-actions>.studio-ghost{flex:1 1 100px}.studio-result-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.studio-result-gallery.single{grid-template-columns:1fr}.studio-result-gallery figure{min-width:0;margin:0}.studio-result-image{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:var(--studio-result-ratio,1);background:#EEF3FF}.studio-result-image>img{width:100%;height:100%;object-fit:cover}.studio-demo-badge{position:absolute;left:9px;top:9px;font-size:calc(10px * var(--font-scale));line-height:1.5;color:white;border:1px solid #FFFFFF25;background:#1F2C5B8C;padding:4px 7px;border-radius:7px;backdrop-filter:blur(6px);max-width:calc(100% - 18px);overflow-wrap:anywhere;z-index:2}.studio-result-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:calc(11px * var(--font-scale));line-height:1.6;color:#8190A9;padding:1px 0 0 3px}.studio-small-icon{width:48px;min-width:48px;min-height:48px;display:grid;place-items:center;color:#8A9BB8;border-radius:10px}.studio-small-icon .icon{width:17px;height:17px}.studio-small-icon:hover{background:#F0F4FF;color:#5075C8}.studio-poster-caption{position:absolute;inset:auto 12px 18px;display:flex;flex-direction:column;gap:8px;color:#fff;text-shadow:0 2px 15px #0008;z-index:1}.studio-poster-caption>span{font-size:calc(9px * var(--font-scale));letter-spacing:.13em}.studio-poster-caption>strong{font-size:calc(23px * var(--font-scale));line-height:1.4;max-height:45%;overflow-wrap:anywhere}.studio-result-image:has(.studio-poster-caption)::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#142849A6);pointer-events:none}.studio-video-preview{aspect-ratio:var(--studio-result-ratio,9/16);position:relative;background:#121B31;border-radius:17px;margin-top:14px;max-height:440px;width:100%;overflow:hidden}.studio-video-frames,.studio-video-frame{position:absolute;inset:0}.studio-video-frame{opacity:0;transition:opacity .5s;pointer-events:none}.studio-video-frame.active{opacity:1}.studio-video-frame>img{width:100%;height:100%;object-fit:cover}.studio-video-frame::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1423419E)}.studio-frame-copy{position:absolute;left:16px;right:16px;bottom:17px;color:#fff;z-index:1;display:flex;flex-direction:column;gap:5px}.studio-frame-copy>span{font-size:calc(11px * var(--font-scale));line-height:1.5;color:#E2EAFF}.studio-frame-copy>strong{font-size:calc(17px * var(--font-scale));line-height:1.5;overflow-wrap:anywhere}.studio-preview-play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:2;min-width:80px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border-radius:19px;background:#13284677;backdrop-filter:blur(7px);border:1px solid #FFFFFF38;color:#fff;max-width:calc(100% - 30px);text-align:center}.studio-preview-play .icon{width:28px;height:28px}.studio-preview-play>span{font-size:calc(10px * var(--font-scale));line-height:1.5;white-space:normal}.studio-video-preview.playing .studio-preview-play{top:15%;left:auto;right:10px;transform:none;min-width:48px;min-height:48px;border-radius:12px;padding:9px;background:#182B4866;gap:3px}.studio-video-preview.playing .studio-preview-play .icon{width:18px;height:18px}.studio-video-preview.playing .studio-preview-play>span{font-size:calc(9px * var(--font-scale))}.studio-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.studio-timeline>button{position:relative;padding:3px;border-radius:11px;border:2px solid transparent;background:#F1F4FA;overflow:hidden;min-height:48px;aspect-ratio:1.6}.studio-timeline>button.active{border-color:#6E85ED;background:#E4EAFF}.studio-timeline img{width:100%;height:100%;object-fit:cover;border-radius:6px}.studio-timeline>button>span{position:absolute;top:5px;left:5px;font-size:calc(10px * var(--font-scale));color:#fff;line-height:1.5;background:#1D305E89;min-width:19px;border-radius:5px;padding:1px 4px;z-index:1}.studio-failed{text-align:center;padding:25px 16px}.studio-status-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:#FFF0F1;color:#D98797;margin:0 auto 13px}.studio-failed h3{font-size:calc(16px * var(--font-scale));line-height:1.6;color:#435377}.studio-failed p{font-size:calc(13px * var(--font-scale));line-height:1.8;color:#8994AC;margin:11px 0}.studio-failed .studio-button{margin-top:9px}.studio-records-intro{padding:5px 0 18px}.studio-records-intro h2{font-size:calc(20px * var(--font-scale));line-height:1.6;color:#263354}.studio-records-intro p{font-size:calc(12px * var(--font-scale));line-height:1.8;color:#8996AE;margin-top:6px}.studio-filters{display:flex;overflow-x:auto;gap:7px;padding:0 0 12px;margin-bottom:9px;scrollbar-width:none}.studio-filter{min-height:48px;padding:9px 14px;border-radius:13px;background:#EBEFF9;color:#8090AE;font-size:calc(13px * var(--font-scale));line-height:1.6;flex-shrink:0}.studio-filter.active{background:#2864FF;color:#fff}.studio-record-list{display:flex;flex-direction:column;gap:10px}.studio-record-card{display:flex;width:100%;min-width:0;gap:12px;align-items:center;padding:13px 12px;border-radius:18px;border:1px solid #E9EDF8;background:#fff;text-align:left;min-height:102px}.studio-record-thumb{width:66px;height:71px;border-radius:12px;overflow:hidden;background:#EFF3FF;flex-shrink:0;display:grid;place-items:center}.studio-record-thumb>img{width:100%;height:100%;object-fit:cover}.studio-record-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}.studio-record-line{display:flex;justify-content:space-between;gap:6px;align-items:flex-start;min-width:0}.studio-record-line strong{font-size:calc(14px * var(--font-scale));line-height:1.5;color:#283757;min-width:0;overflow-wrap:anywhere}.studio-record-line small{font-size:calc(10px * var(--font-scale));line-height:1.6;background:#F2F3FA;color:#8B93AF;border-radius:6px;padding:2px 5px;flex-shrink:0}.studio-record-line small.complete{color:#38A78A;background:#EEFAF5}.studio-record-prompt{font-size:calc(12px * var(--font-scale));line-height:1.7;color:#7E8BA6;overflow-wrap:anywhere}.studio-record-meta{font-size:calc(10px * var(--font-scale));line-height:1.6;color:#A4ADC0;overflow-wrap:anywhere}.studio-empty{text-align:center;padding:20px 7px 30px}.studio-empty>img{width:150px;height:150px;object-fit:contain;opacity:.95}.studio-empty h3{font-size:calc(17px * var(--font-scale));line-height:1.6;color:#55658C;margin:10px 0}.studio-empty p{font-size:calc(13px * var(--font-scale));line-height:1.9;color:#96A1B7;margin:10px 0 18px}.studio-detail-heading{margin:4px 0 18px}.studio-detail-heading h2{font-size:calc(24px * var(--font-scale));line-height:1.5;color:#213155;margin-top:5px}.studio-detail-heading p{font-size:calc(12px * var(--font-scale));line-height:1.6;color:#92A0B8;margin-top:7px}.studio-record-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.studio-record-params>div{min-width:0;background:#F5F7FC;padding:10px;border-radius:11px}.studio-record-params dt{font-size:calc(11px * var(--font-scale));color:#929CB1;line-height:1.6;margin-bottom:4px}.studio-record-params dd{font-size:calc(13px * var(--font-scale));color:#506286;line-height:1.6;overflow-wrap:anywhere;margin:0}.studio-saved-input{font-size:calc(14px * var(--font-scale));line-height:1.9;color:#657696;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#F9FAFF;border-radius:12px;margin-bottom:18px}.studio-sheet-note{font-size:calc(13px * var(--font-scale));color:#8896B0;line-height:1.8;margin-bottom:14px}.studio-history-item{display:flex;flex-direction:column;gap:6px;padding:14px 10px;border-bottom:1px solid #E8EDF8;width:100%;text-align:left;min-height:72px}.studio-history-item strong{font-size:calc(14px * var(--font-scale));color:#3D5078;line-height:1.6;overflow-wrap:anywhere}.studio-history-item span{font-size:calc(11px * var(--font-scale));color:#9BA6BB;line-height:1.6}.studio-empty-chat{padding:30px 12px;color:#94A0B6;text-align:center;font-size:calc(14px * var(--font-scale));line-height:1.7}

/* The conversation viewport stays inside the phone; its composer is always reachable. */
.phone.studio-chat-shell .app-content{overflow:hidden;flex:1;min-height:0}.phone.studio-chat-shell .page{height:100%;padding:0;overflow:hidden}.studio-chat-screen{display:flex;flex-direction:column;height:100%;min-height:0;background:#FCFDFF}.studio-chat-screen .studio-header{padding:4px 7px 2px;margin:0;border-bottom:1px solid #F0F2F8;min-height:58px;flex-shrink:0;display:flex}.studio-chat-header-actions{display:flex;flex-shrink:0;gap:0}.studio-chat-screen .studio-header h1{font-size:calc(17px * var(--font-scale));line-height:1.5;flex:1}.studio-chat-screen .studio-header .icon-button{width:48px;min-width:48px;min-height:48px;padding:8px}.studio-chat-model{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 18px 4px;font-size:calc(12px * var(--font-scale));line-height:1.6;color:#8493B0;flex-shrink:0}.studio-chat-model>span{display:flex;align-items:center;gap:6px;color:#687CBA;font-weight:600}.studio-chat-model .icon{width:15px;height:15px;color:#897CE0}.studio-chat-model small{font-size:calc(10px * var(--font-scale));background:#F2F1FB;padding:3px 6px;border-radius:6px;color:#A098B9}.studio-chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 15px 28px;scrollbar-width:thin;scrollbar-color:#DCE4F6 transparent;overscroll-behavior:contain}.studio-chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:12px 2px 25px;text-align:center}.studio-chat-welcome>span{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:linear-gradient(140deg,#F0ECFF,#EAF2FF);color:#7C71E2;box-shadow:0 10px 35px #7F89DD13;margin-bottom:18px}.studio-chat-welcome>span .icon{width:31px;height:31px}.studio-chat-welcome h2{font-size:calc(23px * var(--font-scale));line-height:1.6;color:#263858}.studio-chat-welcome p{font-size:calc(13px * var(--font-scale));line-height:1.8;color:#8C9AB5;margin:8px 0 24px}.studio-chat-suggestions{display:flex;flex-direction:column;gap:9px;width:100%;max-width:280px}.studio-chat-suggestions>button{min-height:48px;padding:12px 14px;background:#F5F7FD;border:1px solid #EAEFF8;border-radius:14px;text-align:left;font-size:calc(13px * var(--font-scale));line-height:1.7;color:#7386AA;overflow-wrap:anywhere}.studio-chat-suggestions>button:hover{background:#EBF1FF}.studio-chat-message{display:flex;gap:9px;min-width:0;margin-top:22px}.studio-chat-message:first-child{margin-top:3px}.studio-chat-mark{display:grid;place-items:center;width:27px;min-width:27px;height:27px;border-radius:10px;background:#EDF0FD;color:#7C82D5;margin-top:4px}.studio-chat-mark .icon{width:17px;height:17px}.studio-chat-message-content{flex:1;min-width:0}.studio-chat-bubble{font-size:calc(15px * var(--font-scale));color:#425777;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.studio-chat-message.user{justify-content:flex-end}.studio-chat-message.user .studio-chat-message-content{flex:0 1 auto;max-width:90%;min-width:0}.studio-chat-message.user .studio-chat-bubble{background:#EDF2FE;border:1px solid #E2EAF9;border-radius:17px 17px 4px 17px;padding:11px 14px;color:#4E6590}.studio-chat-message.user .studio-attachments{margin:0 0 8px}.studio-chat-message.user .studio-attachment{background:#F0F5FF}.studio-chat-message-actions{display:flex;gap:2px;margin-left:-10px;margin-top:1px}.studio-chat-thinking{font-size:calc(13px * var(--font-scale));line-height:1.7;display:flex;align-items:center;gap:9px;color:#94A0B9;min-width:0;flex-wrap:wrap}.studio-small-text{min-height:48px;min-width:48px;padding:8px;color:#758DBB;font-size:calc(12px * var(--font-scale));line-height:1.7}.studio-chat-footer{padding:8px 12px 9px;background:#FCFDFF;border-top:1px solid #EFF2F9;flex-shrink:0}.studio-chat-attachments{margin:0}.studio-chat-attachments>.studio-attachments{max-height:165px;overflow-y:auto;margin:0 0 8px}.studio-chat-attachments .studio-attachment:has(video) .studio-attachment-preview{height:125px}.studio-chat-composer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:end;gap:6px;padding:6px;background:#F3F6FD;border:1px solid #E2E8F6;border-radius:20px;min-width:0}.studio-chat-add,.studio-chat-send{min-width:48px;min-height:48px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px}.studio-chat-add{background:#E9EEFB;color:#8295BE}.studio-chat-add .icon{width:20px;height:20px}.studio-chat-send{background:#3666DF;color:white}.studio-chat-send .icon{width:20px;height:20px}.studio-chat-send:disabled{opacity:.45}.phone .studio-chat-composer [data-studio-input]{min-height:48px;max-height:130px;resize:none;border:0;background:transparent;padding:10px 5px;border-radius:9px;font-size:calc(16px * var(--font-scale));line-height:1.5;scrollbar-width:thin}.studio-chat-footer>p{text-align:center;color:#9AA5BC;font-size:calc(10px * var(--font-scale));line-height:1.6;margin:7px 2px 0}.phone.studio-chat-shell .toast{bottom:126px;max-width:90%}.export-mode.long-mode .phone.studio-chat-shell{height:var(--device-height);min-height:var(--device-height);overflow:hidden}.export-mode.long-mode .phone.studio-chat-shell .app-content{height:100%;min-height:0;flex:1}.export-mode.long-mode .phone.studio-chat-shell .page{height:100%;overflow:hidden;padding:0}

.font-large .studio-parameters,.font-large .studio-record-params{grid-template-columns:1fr}.font-large .studio-card{padding:14px}.font-large .studio-result-gallery{grid-template-columns:1fr}.font-large .studio-section-title{flex-wrap:wrap}.font-large .studio-intro{align-items:flex-start}.font-large .studio-tool-icon{width:52px;height:52px}.font-large .studio-input-footer,.font-large .studio-submit-note{flex-wrap:wrap}.font-large .studio-attachment-preview{width:56px;height:64px}.font-large .studio-attachment{gap:8px;flex-wrap:wrap}.font-large .studio-attachment-meta{flex:1 1 120px}.font-large .studio-record-card{align-items:flex-start}.font-large .studio-record-thumb{width:54px;height:68px}.font-large .studio-record-line{flex-wrap:wrap}.font-large .studio-video-preview{max-height:520px}.font-large .studio-preview-play{min-width:100px;min-height:100px}.font-large .studio-video-preview.playing .studio-preview-play{top:26%;min-width:72px;min-height:64px}.font-large .studio-chat-screen .studio-header{flex-wrap:wrap;gap:3px;padding:6px}.font-large .studio-chat-screen .studio-header h1{flex:1 1 calc(100% - 65px)}.font-large .studio-chat-header-actions{margin-left:auto}.font-large .studio-chat-model{flex-wrap:wrap}.font-large .studio-chat-messages{padding:14px 12px 25px}.font-large .studio-chat-mark{width:25px;min-width:25px}.font-large .studio-chat-welcome h2{font-size:calc(20px * var(--font-scale))}.font-large .studio-chat-message{gap:7px}.font-large .studio-chat-composer{grid-template-columns:48px minmax(0,1fr)}.font-large .studio-chat-send{grid-column:2;justify-self:end;width:64px}.font-large .studio-chat-attachments>.studio-attachments{max-height:135px}.font-large .studio-chat-footer>p{font-size:calc(10px * var(--font-scale))}.font-large .studio-chat-message.user .studio-chat-message-content{max-width:96%}
.studio-frame-downloads{display:flex;flex-wrap:wrap;gap:1px;margin-top:3px}.studio-frame-downloads>.studio-button{flex:1 1 85px;padding:7px 4px;font-size:calc(11px * var(--font-scale));font-weight:500}.studio-frame-downloads .icon{width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.studio-video-frame{transition:none}}

/* Finished local MP4 samples, editable shot cards and selected digital humans. */
.studio-finished-video{position:relative;width:100%;aspect-ratio:var(--studio-result-ratio,9/16);border-radius:17px;overflow:hidden;background:#12182B;margin-top:14px}.studio-finished-video>video{width:100%;height:100%;display:block;object-fit:contain;background:#12182B}.studio-finished-video>span{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);background:#14274A9C;color:#F5F8FF;font-size:calc(10px * var(--font-scale));line-height:1.6;padding:4px 7px;border-radius:7px;pointer-events:none;backdrop-filter:blur(7px);overflow-wrap:anywhere}.studio-video-load-state{color:#B27385;font-size:calc(12px * var(--font-scale));line-height:1.7;margin:12px 0}.studio-video-load-state button{min-height:48px;padding:8px 12px;color:#6576C1}.studio-source-card{background:linear-gradient(120deg,#EEF4FF,#F4EFFF);border:1px solid #DFE7FA;border-radius:17px;padding:13px 14px;margin:14px 0;color:#687FA9}.studio-source-card>span{display:block;font-size:calc(11px * var(--font-scale));line-height:1.6;color:#879AC0;margin-bottom:4px}.studio-source-card>strong{font-size:calc(14px * var(--font-scale));line-height:1.7;color:#4F6497;display:block;overflow-wrap:anywhere}.studio-source-card p{font-size:calc(12px * var(--font-scale));line-height:1.8;overflow-wrap:anywhere;margin:6px 0}.studio-source-card>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.studio-source-card .studio-button{font-size:calc(12px * var(--font-scale));flex:1 1 90px}.studio-shots{display:flex;flex-direction:column;gap:15px;margin:17px 0}.studio-shot-card{border:1px solid #E3EAF8;border-radius:18px;background:#F9FBFF;padding:13px;min-width:0;scroll-margin-top:14px}.studio-shot-card:focus{outline:2px solid #8DA8F4;outline-offset:3px}.studio-shot-card>header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:11px}.studio-shot-card>header>span{font-size:calc(11px * var(--font-scale));line-height:1.5;background:#E8EFFF;border-radius:7px;color:#6A84C1;padding:5px 8px}.studio-shot-card>header>strong{font-size:calc(15px * var(--font-scale));line-height:1.6;color:#3D547F}.studio-shot-card>header>small{margin-left:auto;font-size:calc(11px * var(--font-scale));line-height:1.5;color:#9AA7BF}.studio-shot-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#E6EEFC}.studio-shot-image>img{width:100%;height:100%;object-fit:cover}.studio-shot-image>span{position:absolute;left:7px;bottom:7px;background:#142B4C83;color:#fff;font-size:calc(10px * var(--font-scale));line-height:1.5;border-radius:6px;padding:3px 6px;max-width:calc(100% - 14px);overflow-wrap:anywhere}.studio-shot-card dl{margin:13px 0}.studio-shot-card dl>div{margin:9px 0}.studio-shot-card dt{font-size:calc(11px * var(--font-scale));line-height:1.5;color:#9BA8C0;margin-bottom:4px}.studio-shot-card dd{font-size:calc(13px * var(--font-scale));line-height:1.8;color:#60769C;overflow-wrap:anywhere;margin:0;white-space:pre-wrap}.studio-shot-card .studio-button{font-size:calc(12px * var(--font-scale))}.studio-linked-videos{margin-top:13px;padding-top:12px;border-top:1px solid #E8EDF7;display:flex;flex-direction:column;gap:7px}.studio-linked-videos>span{font-size:calc(11px * var(--font-scale));line-height:1.7;color:#96A5BD}.studio-humans{padding-bottom:12px}.studio-human-selected{display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,#EEF4FF,#F2EEFF);padding:11px;border-radius:15px;margin:9px 0 15px;min-width:0}.studio-human-selected>img{width:67px;height:76px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#E4ECFC}.studio-human-selected>div{display:flex;flex-direction:column;gap:5px;min-width:0}.studio-human-selected span,.studio-human-selected small{font-size:calc(10px * var(--font-scale));line-height:1.6;color:#899AC0;overflow-wrap:anywhere}.studio-human-selected strong{font-size:calc(17px * var(--font-scale));line-height:1.5;color:#456196;overflow-wrap:anywhere}.studio-human-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#F1F4FB;padding:4px;border-radius:13px;margin-bottom:13px}.studio-human-tabs>button{min-height:48px;padding:8px 9px;border-radius:10px;font-size:calc(13px * var(--font-scale));line-height:1.6;color:#8897B7}.studio-human-tabs>button.active{background:#fff;color:#537CCD;box-shadow:0 2px 10px #263D7B08}.studio-human-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-human-card{overflow:hidden;min-width:0;border:1px solid #E7EDF9;border-radius:13px;background:#F7FAFF;padding:5px}.studio-human-card.selected{border-color:#819FE9;background:#EFF4FF}.studio-human-card>button:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;text-align:left;min-width:0;min-height:48px}.studio-human-card img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:9px;background:#E7EDF9}.studio-human-card strong{font-size:calc(13px * var(--font-scale));line-height:1.6;color:#6075A1;padding:0 4px;max-width:100%;overflow-wrap:anywhere}.studio-human-card>button>span{font-size:calc(10px * var(--font-scale));line-height:1.6;color:#98A5BD;padding:0 4px 5px;max-width:100%;overflow-wrap:anywhere}.studio-human-delete{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #E6EAF3;font-size:calc(11px * var(--font-scale));line-height:1.6;color:#ABA3B8;margin-top:6px}.studio-human-delete .icon{width:14px;height:14px}.studio-human-create{border-top:1px solid #E9EDF8;padding-top:17px;margin-top:16px}.studio-human-create>h3{font-size:calc(14px * var(--font-scale));line-height:1.7;color:#627DAE}.studio-human-create>p{font-size:calc(11px * var(--font-scale));line-height:1.8;color:#9AA8C0;margin:6px 0 12px}.studio-human-create .studio-input-label{font-size:calc(12px * var(--font-scale));margin:14px 0 6px;color:#879AB9}.phone .studio-human-create input[type="text"]{min-width:0;width:100%;min-height:48px;padding:12px;border:1px solid #E2E9F6;border-radius:12px;background:#F8FAFF;font-family:inherit;color:#55709B;font-size:calc(16px * var(--font-scale));line-height:1.5;margin-bottom:12px}.studio-human-draft-preview{display:flex;align-items:center;gap:12px;min-width:0}.studio-human-draft-preview>img{width:84px;height:94px;border-radius:12px;object-fit:cover;background:#EBF0FC}.studio-human-draft-preview>.studio-button{font-size:calc(12px * var(--font-scale))}.studio-record-human{margin-bottom:18px}

/* Curated IP scripts: full text remains editable in scriptLibrary in studio.js. */
.studio-script-library{display:flex;flex-direction:column;gap:14px}.studio-script-card{min-width:0;text-align:left;padding:0 0 13px;background:#fff;border:1px solid #E6ECF8;border-radius:19px;overflow:hidden}.studio-script-card>div{position:relative;aspect-ratio:16/9;overflow:hidden}.studio-script-card img{width:100%;height:100%;object-fit:cover}.studio-script-card>div>span{position:absolute;top:11px;left:11px;font-size:calc(10px * var(--font-scale));line-height:1.6;padding:4px 7px;border-radius:7px;color:white;background:#182B5687;max-width:calc(100% - 22px);overflow-wrap:anywhere}.studio-script-card h3{font-size:calc(18px * var(--font-scale));line-height:1.6;color:#334F7D;margin:12px 14px 4px;overflow-wrap:anywhere}.studio-script-card>p{font-size:calc(12px * var(--font-scale));line-height:1.8;color:#8598B7;margin:0 14px 12px;overflow-wrap:anywhere}.studio-script-card footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 14px;padding-top:11px;border-top:1px solid #EEF1F8;font-size:calc(11px * var(--font-scale));line-height:1.7;color:#A3AFC3}.studio-script-card footer strong{color:#7796D1;font-weight:600}.studio-script-cover{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#EAF0FF;margin-top:9px}.studio-script-cover img{width:100%;height:100%;object-fit:cover}.studio-script-cover>span{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);background:#182C5599;color:white;padding:5px 8px;border-radius:7px;font-size:calc(11px * var(--font-scale));line-height:1.6;overflow-wrap:anywhere}.studio-script-title{margin:16px 2px}.studio-script-title h2{font-size:calc(23px * var(--font-scale));line-height:1.5;color:#324E7A;overflow-wrap:anywhere}.studio-script-title p{font-size:calc(14px * var(--font-scale));line-height:1.8;color:#859BB9;margin-top:9px;overflow-wrap:anywhere}.studio-card:has(.studio-script-copy)>h3,.studio-script-episodes>h3{font-size:calc(15px * var(--font-scale));line-height:1.7;color:#5E76A0;margin:6px 0 10px}.studio-script-copy{font-size:calc(13px * var(--font-scale));line-height:1.9;color:#8B9CB8;margin-bottom:20px;overflow-wrap:anywhere}.studio-script-characters{display:flex;flex-direction:column;gap:9px}.studio-script-characters>div{border:1px solid #EBF0F8;border-radius:12px;padding:11px;background:#F9FBFF}.studio-script-characters strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:calc(13px * var(--font-scale));line-height:1.7;color:#627DA7}.studio-script-characters strong>span{font-size:calc(11px * var(--font-scale));font-weight:500;line-height:1.6;color:#9AA9C2}.studio-script-characters p{font-size:calc(12px * var(--font-scale));line-height:1.8;margin-top:5px;color:#8B9EBA;overflow-wrap:anywhere}.studio-script-episode{border:1px solid #E6EDF8;border-radius:17px;background:#fff;margin:11px 0;padding:11px 13px;min-width:0}.studio-script-episode>summary{min-height:48px;padding:7px 0;cursor:pointer;font-size:calc(14px * var(--font-scale));line-height:1.7;color:#6681B3;overflow-wrap:anywhere}.studio-script-episode>summary>span{font-size:calc(11px * var(--font-scale));line-height:1.7;background:#EFF4FF;padding:5px 7px;border-radius:7px;margin:0 6px 0 2px;display:inline-block;color:#91A5CC}.studio-script-episode>summary>strong{font-weight:600}.studio-script-episode>p{font-size:calc(12px * var(--font-scale));line-height:1.8;color:#92A6C1;margin:6px 0 12px;overflow-wrap:anywhere}.studio-script-shot{padding:12px 0;border-top:1px solid #EDF1F9}.studio-script-shot>span{font-size:calc(11px * var(--font-scale));line-height:1.6;color:#9AADD0}.studio-script-shot p{font-size:calc(12px * var(--font-scale));line-height:1.85;color:#7C92B4;margin:5px 0;overflow-wrap:anywhere}.studio-script-shot blockquote{font-size:calc(12px * var(--font-scale));line-height:1.8;margin:7px 0 0;padding:9px 10px;border-left:2px solid #D9E4F8;border-radius:0 8px 8px 0;background:#F7FAFF;color:#98A6BE;overflow-wrap:anywhere}.studio-script-episode>.studio-button{margin:8px 0 1px;font-size:calc(12px * var(--font-scale))}.studio-script-actions{display:flex;flex-direction:column;gap:8px;margin:18px 0}
.font-large .studio-human-grid{grid-template-columns:1fr}.font-large .studio-human-selected{align-items:flex-start;flex-wrap:wrap}.font-large .studio-human-selected>div{flex:1 1 145px}.font-large .studio-human-draft-preview{flex-wrap:wrap}.font-large .studio-shot-card{padding:11px}.font-large .studio-source-card>div{flex-direction:column}.font-large .studio-script-episode{padding:9px 10px}.font-large .studio-script-card footer{flex-direction:column}.font-large .studio-script-card h3{font-size:calc(17px * var(--font-scale))}
.studio-chat-screen{position:relative}
.studio-chat-main{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;min-width:0}
.studio-chat-leading{display:flex;gap:0;flex-shrink:0}
.studio-chat-header h1{min-width:0}
.studio-chat-sidebar-layer{position:absolute;inset:0;z-index:40;display:flex;overflow:hidden}
.studio-chat-sidebar-layer[hidden]{display:none}
.studio-chat-sidebar-scrim{position:absolute;inset:0;z-index:0;width:100%;height:100%;background:#182b4a50;border:0;cursor:pointer}
.studio-chat-sidebar{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;min-height:0;width:min(78%,280px);max-width:100%;background:#f9f9fb;border-right:1px solid #e8e9ee;box-shadow:8px 0 28px #182a4018;border-radius:0 18px 18px 0;padding:8px 10px 10px;outline:none;animation:studio-sidebar-enter .2s ease-out}
.studio-chat-sidebar-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:0 2px 4px;min-height:48px;flex-shrink:0}
.studio-chat-sidebar-heading>div{min-width:0}
.studio-chat-sidebar-heading span{display:block;font-size:calc(10px * var(--font-scale));font-weight:600;letter-spacing:.7px;color:#8a97b2;margin-bottom:3px}
.studio-chat-sidebar-heading h2{font-size:calc(16px * var(--font-scale));line-height:1.4;color:#252b35;font-weight:600}
.studio-chat-sidebar-heading .icon-button{min-width:48px;min-height:48px;border-radius:10px;background:transparent;flex-shrink:0;color:#707782}
.studio-chat-sidebar-heading .icon-button>.icon{width:19px;height:19px}
.studio-chat-sidebar .studio-sidebar-new{width:100%;margin:0 0 14px;box-shadow:none;min-height:48px;flex-shrink:0;background:transparent;color:#323a47;border:0;border-radius:9px;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:calc(14px * var(--font-scale));font-weight:450}
.studio-sidebar-new>.icon{width:18px;height:18px}
.studio-chat-sidebar .studio-sidebar-new:hover{background:#eceef2}
.studio-chat-sidebar-label{display:flex;gap:8px;padding:0 12px 5px;font-size:calc(11px * var(--font-scale));line-height:1.6;color:#9398a2;flex-shrink:0}
.studio-chat-sidebar-label>span{color:#a1aec2}
.studio-chat-sidebar-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;padding:0 1px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8dbe2 transparent}
.studio-sidebar-item{width:100%;min-width:0;min-height:48px;display:flex;align-items:center;text-align:left;padding:10px 12px;background:transparent;border:0;border-radius:9px;flex-shrink:0;color:#444b56}
.studio-sidebar-item:hover{background:#eef0f4}
.studio-sidebar-item.active{background:#e9ecf2;color:#252d39}
.studio-sidebar-item-title{display:block;min-width:0;width:100%}
.studio-sidebar-item-title>.icon{width:17px;height:17px;flex-shrink:0;margin-top:3px}
.studio-sidebar-item-title strong{font-size:calc(14px * var(--font-scale));line-height:1.5;font-weight:400;min-width:0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.studio-sidebar-item.active strong{font-weight:500}
.studio-sidebar-item-title i{font-style:normal;font-size:calc(10px * var(--font-scale));line-height:1.5;padding:2px 4px;background:#dce6ff;color:#2864ff;border-radius:5px;flex-shrink:0}
.studio-sidebar-item-meta{font-size:calc(10px * var(--font-scale));line-height:1.6;color:#98a6bc;padding-left:25px;overflow-wrap:anywhere}
.studio-sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:25px 12px;color:#a3b0c7}
.studio-sidebar-empty>.icon{width:34px;height:34px;color:#a6b6d9;margin-bottom:14px}
.studio-sidebar-empty h3{font-size:calc(16px * var(--font-scale));line-height:1.6;color:#60779e;margin-bottom:7px}
.studio-sidebar-empty p{font-size:calc(12px * var(--font-scale));line-height:1.8;overflow-wrap:anywhere}
.studio-chat-sidebar-footer{flex-shrink:0;border-top:1px solid #e6e8ee;padding:10px 8px 0}
.studio-chat-sidebar-footer>div{display:flex;gap:9px;align-items:center;min-width:0;margin-bottom:5px}
.studio-chat-sidebar-footer img{width:28px;height:28px;object-fit:cover;border-radius:50%;flex-shrink:0}
.studio-chat-sidebar-footer span{min-width:0}
.studio-chat-sidebar-footer strong{display:block;font-size:calc(13px * var(--font-scale));line-height:1.5;color:#68717f;font-weight:500;overflow-wrap:anywhere}
.studio-chat-sidebar-footer small{display:block;font-size:calc(10px * var(--font-scale));line-height:1.6;color:#a2aec4;margin-top:2px}
.studio-sidebar-return{display:flex;align-items:center;gap:7px;width:100%;min-height:48px;padding:8px 0;font-size:calc(12px * var(--font-scale));line-height:1.6;color:#8a939f;text-align:left}
.studio-sidebar-return .icon{width:17px;height:17px;flex-shrink:0}
.studio-chat-sidebar button:focus-visible{outline:2px solid #2864ff;outline-offset:-3px}
.font-large .studio-chat-screen .studio-chat-header{flex-wrap:nowrap}
.font-large .studio-chat-screen .studio-chat-header h1{flex:1;min-width:0;font-size:calc(16px * var(--font-scale))}
.font-large .studio-chat-sidebar{width:min(90%,320px);padding:12px 10px}
.font-large .studio-chat-sidebar-heading h2{font-size:calc(16px * var(--font-scale))}
.font-large .studio-chat-sidebar-heading span{font-size:calc(10px * var(--font-scale))}
.font-large .studio-sidebar-item{padding:11px 9px}
.font-large .studio-sidebar-item-title{flex-wrap:wrap}
.font-large .studio-sidebar-item-title strong{flex:1 1 calc(100% - 30px)}
.font-large .studio-sidebar-item-title i{margin-left:25px}
.font-large .studio-chat-sidebar-footer small{font-size:calc(9px * var(--font-scale))}
@keyframes studio-sidebar-enter{from{transform:translateX(-12px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.studio-chat-sidebar{animation:none}}
/* One shared balance for growth rewards and creation. Demo rates live in credits.js. */
.studio-credit-note{margin:16px 0 12px;padding:12px 14px;background:#eef3ff;border:1px solid #dce5ff;border-radius:16px;font-size:calc(12px * var(--font-scale));line-height:1.5}
.studio-credit-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#435675}
.studio-credit-info strong{color:#2864ff}
.studio-credit-guidance{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;color:#66748e;margin-top:4px}
.studio-credit-link{min-width:48px;min-height:48px;padding:6px 0;border:0;background:none;color:#2864ff;font:inherit;font-weight:600;cursor:pointer;text-align:left}
.studio-credit-warning{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;color:#9e5b12;border-top:1px solid #dce5ff;margin-top:4px}
.studio-billing-status{font-size:calc(12px * var(--font-scale));line-height:1.6;color:#52657f;overflow-wrap:anywhere}
.studio-credit-rates{margin:12px 0;display:grid;gap:0}
.studio-credit-rates>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #edf0f7;line-height:1.5}
.studio-credit-rates dt{font-weight:600}.studio-credit-rates dd{margin:0;color:#2864ff}
.studio-chat-credit-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;font-size:calc(12px * var(--font-scale));color:#68778d;line-height:1.5;text-align:center}
.studio-chat-credit-note .studio-credit-link{min-height:48px;padding:4px 2px}