/* Quiet, compact creative workbenches: white, silver, charcoal, muted slate blue. */
.image-shortcuts[hidden],.creative-page [hidden]{display:none!important}
.image-shortcuts{position:fixed;z-index:150;width:292px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow:auto;padding:12px;background:#fff;border:1px solid #e3e7ec;border-radius:14px;box-shadow:0 12px 35px #24262b18}
.image-shortcuts h3{font-size:11px;font-weight:500;color:#767f8b;display:flex;align-items:center;gap:8px;margin:9px 4px}
.image-shortcuts h3:after{content:'';height:1px;background:#eceef1;flex:1}
.shortcut-group{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.shortcut-group a{display:flex;align-items:center;gap:8px;padding:10px 6px;border-radius:8px;font-size:12px;color:#424953;white-space:nowrap}
.shortcut-group a:hover{background:#f3f5f8}.shortcut-group .ui-icon{width:17px;height:17px;color:#8a95a6}
.voice-create-link{display:inline-block;font-size:12px;color:#596d89;margin-top:10px}
.voice-records{margin:18px 0 24px}.voice-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid #e3e8ef}.voice-record strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.voice-record p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.6;color:#647080}.voice-state{align-self:start;border-radius:6px;padding:3px 7px;background:#f0f3f7;color:#4c5664;font-size:11px;white-space:nowrap}.voices-page button:disabled{cursor:not-allowed;opacity:.6}.voices-page .library-toolbar input{min-width:0}.voices-page #clone-download{text-decoration:none;border-radius:7px;padding:6px 8px;background:#f0f3f7}.voices-page #clone-download:focus-visible{outline:1px solid #6a7482;outline-offset:2px}
.creative-page{font-size:14px;color:#262a30;background:#fff}
.creative-page .studio-header{height:48px;min-height:48px;padding:0 22px}
.creative-page .studio-shell{grid-template-columns:72px minmax(0,1fr);padding-top:48px}
.creative-page .studio-sidebar{top:48px;height:calc(100dvh - 48px);min-height:0;max-height:calc(100dvh - 48px);padding:20px 5px}
.creative-page .studio-sidebar nav a{display:flex;flex-direction:column;gap:7px;padding:13px 2px;font-size:12px;white-space:nowrap}
.creative-page .sidebar-account{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}
.creative-page .avatar-button{display:grid;place-items:center;color:#fff}
.creative-page .studio-main{padding:14px 20px 20px;min-width:0}
.creative-page .ui-icon{width:22px;height:22px}.creative-page .studio-sidebar nav .ui-icon{width:24px;height:24px}
.creative-page :is(button,input,textarea,select){font:inherit}
.creative-page :is(input,textarea,select){color:#333a44;min-width:0;max-width:100%;border:1px solid #e0e5ec;background:#fafbfc;border-radius:9px;padding:10px 12px;outline:none}
.creative-page :is(button,a,input,textarea,select,summary):focus-visible,.image-shortcuts a:focus-visible{outline:1px solid #7c8490;outline-offset:3px}
.image-page #image-prompt,.image-page #image-prompt:is(:focus,:focus-visible){border:0;outline:0;box-shadow:none;border-radius:0;resize:none}
.image-page #feature-toggle,.image-page #feature-toggle:is(:focus,:focus-visible){border:0;outline:0;box-shadow:none}
.image-page[data-input-mode="keyboard"] #feature-toggle:focus-visible{background:#edf0f4;border-radius:8px}
.creative-page input[type=checkbox]{width:15px;height:15px;accent-color:#444d59;flex:none}
.creative-page button{cursor:pointer}.creative-page button:disabled{cursor:not-allowed}
.text-button{background:transparent;color:#687384;font-size:12px;padding:8px;border-radius:8px;white-space:nowrap}
.voices-page .text-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px}.voice-record .voice-delete{grid-column:2;justify-self:end;padding:5px 8px;line-height:1.4}.voice-delete:hover{background:#f0f3f7}.voice-delete:focus-visible{outline:1px solid #6a7482;outline-offset:2px}
@media(max-width:600px){.voices-page .text-button{min-height:44px;min-width:44px}}
.creative-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#25282e;color:#fff;min-height:40px;border-radius:11px;font-weight:600;font-size:13px}
.creative-primary[aria-disabled=true]{background:#868b93}.creative-primary small{font-size:11px;font-weight:400;color:inherit}
.creative-secondary{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;min-height:36px;background:#fff;border:1px solid #dfe4eb;border-radius:9px;font-size:13px;color:#495463}
.creative-status{font-size:11px;line-height:1.6;color:#6a7482;min-height:18px;margin:7px 2px 0}
.image-workspace{display:grid;grid-template-columns:minmax(290px, .72fr) minmax(360px,1.15fr) 154px;gap:14px;min-height:calc(100dvh - 82px)}
.image-editor,.image-preview,.image-queue{min-width:0;border:1px solid #e4e8ee;border-radius:16px;background:#fafbfc}
.image-editor{padding:12px;display:flex;flex-direction:column;gap:10px;position:relative}
.image-editor-heading{display:flex;align-items:center;gap:5px;min-height:52px}
.feature-toggle{display:flex;align-items:center;gap:10px;background:transparent;text-align:left;min-width:0;padding:0;flex:1;color:#262a30}
.feature-toggle>img{width:42px;height:44px;object-fit:cover;border-radius:9px;flex:none}.feature-toggle>span:first-of-type{min-width:0;flex:1}
.feature-toggle strong{display:block;font-size:14px;line-height:1.6}.feature-toggle small{display:block;font-size:11px;line-height:1.6;color:#6b7583;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.feature-panel{position:absolute;z-index:25;top:76px;left:10px;right:10px;border:1px solid #e1e6ee;background:#fff;border-radius:13px;padding:12px;box-shadow:0 12px 30px #20242c0f;max-height:calc(100dvh - 160px);overflow:auto}
.feature-panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px}.feature-tabs{display:flex;gap:12px;margin:12px 0;border-bottom:1px solid #e8ecf1}
.feature-tabs button{padding:8px 0;font-size:12px;color:#677281;background:none;border-bottom:2px solid transparent}.feature-tabs button.is-active{border-color:#8ca2bf;color:#3c5f8b}
.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.image-feature-card{display:flex;align-items:center;gap:8px;border:1px solid #e7eaf0;border-radius:10px;padding:10px 8px;min-height:78px;background:#fafbfc;text-align:left;min-width:0}
.image-feature-card.is-active{background:white;border-color:#515861;box-shadow:inset 0 0 0 1px #515861}.image-feature-card img{width:40px;height:46px;object-fit:cover;border-radius:7px;flex:none}
.image-feature-card span{min-width:0}.image-feature-card strong{display:block;font-size:12px;color:#262a30}.image-feature-card small{display:block;font-size:10px;line-height:1.6;color:#6a7585;margin-top:4px}
.image-composer{display:flex;flex-direction:column;flex:1;min-height:350px;border:1px solid #e4e8ee;background:white;border-radius:12px;padding:14px}
.composer-meta,.composer-footer{display:flex;justify-content:space-between;gap:6px;color:#7a8391;font-size:11px}.composer-footer small{font-size:10px}.composer-footer>span{white-space:nowrap}
.image-slots{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 10px}.image-slot{width:76px;min-width:0;text-align:center;font-size:10px;color:#5e6979}
.image-slot button{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 6px;border:1px solid #e2e6ed;border-radius:12px;background:linear-gradient(145deg,#fcfcfd,#f2f4f7);position:relative;color:#a4aeba;padding:0;overflow:hidden}
.image-slot button .ui-icon{width:30px;height:30px}.image-slot button:after{content:'↑';position:absolute;right:3px;bottom:3px;border:2px solid #fff;border-radius:50%;background:#8a95a5;color:white;width:18px;height:18px;display:grid;place-items:center;font-size:12px}
.image-slot-artwork{position:relative;width:62px;height:62px;margin:0 auto 6px}
.image-slot img{width:100%;height:100%;object-fit:cover}.image-slot .slot-remove{position:absolute;z-index:2;top:-5px;right:-5px;display:grid;place-items:center;background:#555b64;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:0;color:#fff;font-size:16px;line-height:1;opacity:0;pointer-events:none;overflow:visible}.image-slot .slot-remove:after{display:none}
.image-slot-artwork:hover .slot-remove,.image-slot-artwork:focus-within .slot-remove{opacity:1;pointer-events:auto}
@media(hover:none),(pointer:coarse){.image-slot .slot-remove{opacity:1;pointer-events:auto;width:28px;height:28px}}
.feature-hint{font-size:12px;line-height:1.8;color:#748093;margin:10px 0}.image-composer textarea{flex:1;min-height:140px;width:100%;resize:vertical;border:0;background:transparent;padding:8px 0;font-size:14px;line-height:1.8}
.image-control-row{display:grid;grid-template-columns:minmax(168px,1.05fr) minmax(0,1fr);gap:8px;align-items:stretch}.image-model,.image-settings>summary{display:flex;align-items:center;gap:7px;min-height:52px;height:100%;padding:8px 9px;border:1px solid #e3e7ed;border-radius:10px;background:#fff;min-width:0;list-style:none}
.image-model>span:last-child,.image-settings summary>span:nth-child(2){min-width:0;flex:1}.image-control-row small{display:block;font-size:10px;color:#7a8391;line-height:1.5}.image-control-row strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.image-control-row .ui-icon{width:18px;height:18px;color:#7c8798;flex:none}
.image-model strong{white-space:nowrap;letter-spacing:-.15px}.image-model .ui-icon{width:16px;height:16px}
.image-settings{position:relative}.image-settings summary{cursor:pointer}.image-settings summary::-webkit-details-marker{display:none}.image-settings summary strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-settings .settings-chevron{font-size:12px;color:#69727e;flex:none;transform:rotate(180deg)}.image-settings[open] .settings-chevron{transform:none}
.image-settings-panel{position:absolute;bottom:calc(100% + 7px);right:0;width:368px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 100px);overflow:auto;padding:12px;z-index:22;background:#fff;border:1px solid #e2e6ed;border-radius:11px;box-shadow:0 8px 24px #20242c12}
.image-setting-group{border:0;padding:0;margin:0;min-width:0}.image-setting-group+.image-setting-group{border-top:1px solid #e8ebef;margin-top:9px;padding-top:9px}.image-setting-group legend{float:left;width:100%;font-size:10px;font-weight:400;color:#717984;margin-bottom:7px;padding:0}.image-option-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;clear:both}.image-option-grid label{position:relative;display:block;min-width:0;cursor:pointer}.image-option-grid input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0;border:0}.image-option-grid label>span{display:flex;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 2px;border-radius:8px;background:#f7f8fa;color:#6e747e;font-size:11px;line-height:1.4;white-space:nowrap}.image-option-grid b{font-weight:600}.image-option-grid input:checked+span{background:#e9eaec;color:#25282e;font-weight:600}.image-option-grid input:focus-visible+span{outline:1px solid #7c8490;outline-offset:2px}.image-ratios label>span{height:66px;flex-direction:column;gap:6px;font-size:10px}.image-ratio-icon{display:block;border:1.5px solid currentColor;border-radius:6px;flex:none}.ratio-auto{width:27px;height:31px;border-style:dashed}.ratio-16-9{width:34px;height:19px}.ratio-4-3{width:30px;height:23px}.ratio-1-1{width:31px;height:31px}.ratio-3-4{width:23px;height:31px}.ratio-9-16{width:18px;height:32px}
@media(max-width:400px){.image-control-row{grid-template-columns:minmax(0,1fr)}.image-model,.image-settings>summary{min-height:46px}.image-settings-panel{right:-2px;max-width:calc(100vw - 40px)}.image-option-grid{gap:4px}.image-option-grid label>span{gap:4px;font-size:10px}.image-ratios label>span{height:60px;font-size:9px}.image-ratio-icon{max-width:28px}}
.image-preview{background:#fff;display:flex;flex-direction:column;overflow:hidden}.preview-tabs{height:60px;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid #edf0f4;flex:none}.preview-tabs button{background:none;padding:19px 0 15px;color:#7b8491;font-size:12px;border-bottom:2px solid transparent}.preview-tabs button.is-active{color:#2e333a;border-bottom-color:#353b44}.sample-badge{margin-left:auto;font-size:10px;color:#7a8491;background:#f3f5f8;border-radius:5px;padding:4px 7px;white-space:nowrap}
.example-view{margin:auto 0;padding:35px 24px;text-align:center}.example-view h2{font-size:18px;line-height:1.6;margin:0}.example-view>p:not(.example-caption){font-size:13px;color:#7a8594;margin:6px 0 22px}.example-view>img{display:block;width:100%;height:auto;border-radius:14px}.example-caption{font-size:10px;color:#7d8795;margin:12px 0 0}
.local-view{padding:22px;font-size:13px;color:#6a7585}.local-view figure{margin:0 0 20px}.local-view img{width:100%;height:auto;border-radius:12px}.local-view figcaption{font-size:11px;margin-top:6px;overflow-wrap:anywhere}
.image-queue{padding:14px 12px}.image-queue h2{font-size:14px;display:flex;gap:8px;align-items:center}.image-queue h2 span{font-size:11px;color:#7a8491;background:#eef0f4;border-radius:4px;padding:3px 5px}.image-queue>p{font-size:11px;color:#8a939f;margin-top:25px;line-height:1.6}.image-queue .queue-note{font-size:10px}.image-queue #image-draft-row{margin-top:16px;display:grid;gap:8px;font-size:12px}.image-queue small{font-size:10px;color:#7a8696}
.image-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.image-queue-heading h2{margin:0}.image-new-draft{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 0;background:transparent;color:#515761;font-size:12px;white-space:nowrap}.image-new-draft .ui-icon{width:16px;height:16px}
.image-draft-item{position:relative;min-width:0}.image-draft-select{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:84px;padding:8px 6px;text-align:left;border:1px solid #e2e6ed;border-radius:8px;background:#fff;color:#24262b;font-size:12px}.image-draft-select[aria-pressed=true]{border-color:#868d98;background:#f5f6f8}.image-draft-visual{position:relative;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:6px;background:#eceef2;color:#626a75}.image-draft-visual img{width:100%;height:100%;object-fit:cover}.image-draft-visual .ui-icon{width:22px;height:22px}.image-draft-visual small{position:absolute;right:2px;bottom:2px;min-width:16px;padding:1px 3px;border-radius:3px;background:#fff;color:#424953;text-align:center}.image-draft-details{display:grid;gap:3px;min-width:0}.image-draft-details strong{font-size:12px;line-height:1.4}.image-draft-details time{font-size:10px;color:#626a75;line-height:1.45}.image-draft-details small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.image-draft-delete{position:absolute;right:2px;top:2px;width:22px;height:22px;border:0;border-radius:6px;background:#e9edf2;color:#616773;opacity:0;pointer-events:none}.image-draft-item:hover .image-draft-delete,.image-draft-item:focus-within .image-draft-delete{opacity:1;pointer-events:auto}@media(hover:none){.image-draft-delete{opacity:1;pointer-events:auto}}
.voices-main{max-width:1450px;width:100%;margin:0 auto}.voices-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 24px}.voices-heading h1{font-size:22px;margin:0 0 5px}.voices-heading p{font-size:13px;color:#758090;margin:0}
.voice-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.2fr);gap:20px}.voice-create,.voice-library{padding:22px;border:1px solid #e3e8ef;border-radius:16px;background:#fff;min-width:0}
.voice-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.voice-section-heading h2{font-size:16px;margin:0 0 5px}.voice-section-heading p{font-size:11px;color:#758090;margin:0}.voice-section-heading .text-button{margin-left:auto}.creative-step{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f3f7;color:#7a899e;font-size:12px;flex:none}
.voice-create>label{display:block;font-size:12px;color:#4c5664;margin:18px 0 8px}.voice-create label small{font-size:10px;color:#808a98;font-weight:400;margin-left:5px}.voice-create>input,.voice-create>textarea{width:100%}.voice-create>textarea{min-height:85px;resize:vertical;font-size:13px;line-height:1.7}
.clone-drop{border:1px dashed #cfd9e7;border-radius:12px;min-height:185px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fafbfc;text-align:center}.clone-drop>span{color:#96a3b5}.clone-drop .ui-icon{width:30px;height:30px}.clone-drop strong{font-size:14px}.clone-drop p{font-size:11px;color:#7a8797;margin:0}.clone-drop small{font-size:10px;color:#89929f}
.clone-file-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:10px 0}.clone-file-heading strong{overflow-wrap:anywhere;font-size:12px;min-width:0}.voice-create audio{width:100%;height:36px}.voice-create #clone-editor{padding:8px 0}.voice-create #clone-editor p{font-size:11px;line-height:1.6;color:#798493}.trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trim-fields label{font-size:11px;color:#647080}.trim-fields input{display:block;width:100%;margin-top:5px}.prepared-label{display:block;font-size:11px;color:#526e5e;margin:12px 0 6px}#clone-download{display:inline-block;font-size:11px;text-decoration:underline;color:#576b88;margin-top:8px}
.voice-create .clone-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;margin:18px 0}.library-toolbar{display:flex;gap:10px;align-items:center}.library-toolbar input{flex:1;font-size:12px}.library-toolbar span{font-size:10px;color:#87909d;white-space:nowrap}.voice-library-empty{text-align:center;max-width:380px;margin:90px auto;color:#7b8797}.voice-library-empty>span{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:18px;background:#f3f5f8}.voice-library-empty .ui-icon{width:30px;height:30px}.voice-library-empty h3{font-size:16px;color:#4e5a6b;margin-top:20px}.voice-library-empty p{font-size:12px;line-height:1.9}.voice-guidance{border-radius:12px;padding:18px;background:#f7f9fb;color:#758192}.voice-guidance h3{font-size:13px;color:#4f5c6e;margin:0 0 10px}.voice-guidance ul{padding-left:17px;font-size:12px;line-height:2}.voice-guidance p{font-size:11px;line-height:1.7;margin-bottom:0}
.voices-page .voice-service-status{margin:0 0 16px;padding:11px 14px;border-radius:10px;background:#f3f5f8;color:#56616f;font-size:12px;line-height:1.7}
.voices-page .voice-workspace{align-items:start;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.2fr)}
.voices-page .voice-create,.voices-page .voice-library{padding:20px}
.voices-page .voice-section-heading{margin-bottom:18px}
.voices-page .voice-create>label{font-size:13px;margin:14px 0 7px}
.voices-page .clone-drop{min-height:150px;padding:16px}
.voices-page .clone-drop p,.voices-page .clone-drop small{font-size:12px;line-height:1.6}
.voices-page .voice-section-heading p{font-size:12px;line-height:1.6}
.voices-page .voice-create>textarea{min-height:72px}
.voices-page .voice-create .clone-consent{font-size:12px;margin:14px 0}
.voices-page .creative-status{font-size:12px;line-height:1.7}
.voices-page .library-toolbar{flex-wrap:wrap;gap:8px}
.voices-page .library-toolbar input{flex:1 1 140px;width:0;font-size:13px}
.voices-page .library-toolbar select{max-width:130px;width:auto;font-size:12px}
.voices-page .library-toolbar span{font-size:11px}
.voices-page .voice-library-empty{margin:48px auto}
.voices-page .voice-guidance{padding:14px;font-size:12px}
.voices-page .voice-guidance summary{cursor:pointer;color:#4f5c6e;font-weight:600;line-height:1.7}
.voices-page .voice-record-meta{font-size:11px;color:#758090;line-height:1.6}
.voices-page .voice-record .voice-delete{grid-row:3}
.voices-page #voice-search-clear{margin-top:8px;padding:5px 8px;font-size:12px}
.voices-page :is(input,textarea,select,button,summary):focus-visible{outline:2px solid #778493;outline-offset:2px}
@media(max-width:979px){.voices-page .voice-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.voices-page .voice-create,.voices-page .voice-library{padding:16px}}
@media(max-width:760px){.voices-page .voice-workspace{grid-template-columns:minmax(0,1fr)}.voices-page .library-toolbar select{font-size:16px;max-width:140px}.voices-page .voice-library-empty{margin:32px auto}}
@media(min-width:980px){.studio-page.voices-page .studio-sidebar{overflow:hidden}.studio-page.voices-page .studio-sidebar nav{flex:1 1 auto;min-height:0;align-content:start;grid-auto-rows:max-content;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.studio-page.voices-page .sidebar-account,.studio-page.voices-page #sidebar-admin-entry{flex:none}}
@media(max-width:979px){.studio-page.voices-page .sidebar-account{display:flex!important;position:fixed;z-index:60;top:7px;right:12px;margin:0;padding:0}.studio-page.voices-page .sidebar-account .sidebar-balance{display:none}.studio-page.voices-page .studio-header{padding-right:76px}.studio-page.voices-page .personal-menu{top:56px;bottom:auto;right:12px;left:auto;max-height:calc(100dvh - 68px)}}
@media(min-width:1600px){.image-workspace{grid-template-columns:minmax(380px,.7fr) minmax(450px,1.15fr) 174px}}
@media(max-width:1199px){.image-workspace{grid-template-columns:minmax(290px,.85fr) minmax(300px,1fr)}.image-queue{grid-column:1/-1;min-height:100px}.image-queue>p{margin:10px 0}.image-editor{min-height:650px}.feature-cards{grid-template-columns:1fr}}
@media(max-width:979px){.studio-page .studio-sidebar nav a:nth-child(n+1){display:flex!important}.studio-page .studio-sidebar nav{overflow-x:auto;min-width:0;flex:1}.studio-page .studio-sidebar nav a{flex:none}.studio-page .mobile-more{display:none!important}.studio-page .sidebar-account{display:none!important}.creative-page .studio-shell{grid-template-columns:minmax(0,1fr)}.creative-page .studio-sidebar{position:static;height:auto;min-height:0;max-height:none;padding:7px;overflow:visible}.creative-page .studio-sidebar nav{display:flex}.creative-page .studio-sidebar nav a{flex-direction:row;padding:8px 10px;font-size:12px}.creative-page .studio-main{padding:14px}.voice-workspace{grid-template-columns:1fr 1fr;gap:12px}.voice-create,.voice-library{padding:16px}}
@media(max-width:760px){.creative-page .studio-shell{padding-top:0}.creative-page .studio-header{position:static;padding:0 14px}.image-workspace,.voice-workspace{grid-template-columns:minmax(0,1fr)}.image-editor{min-height:550px}.feature-cards{grid-template-columns:1fr 1fr}.feature-panel{max-height:70dvh}.image-preview{min-height:350px}.example-view{padding:26px 14px}.image-queue{grid-column:auto}.voices-heading h1{font-size:18px}.voices-heading p{font-size:11px}.voices-heading{align-items:flex-start}.voices-heading>a{font-size:11px;padding:8px;white-space:nowrap}.voice-library-empty{margin:50px auto}.creative-page :is(input,textarea,select){font-size:16px}.image-composer textarea{font-size:16px}.image-shortcuts{max-height:65dvh}.image-settings-panel select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.creative-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Reference recording workflow. All changes stay within the voice page. */
.voices-page .voice-mobile-tabs{display:none}
.voices-page .voice-create .clone-details{margin-top:18px;padding-top:18px;border-top:1px solid #e3e8ef}
.voices-page .clone-details h3{font-size:14px;font-weight:600;margin:0 0 14px}
.voices-page .clone-details>label{display:block;font-size:13px;color:#4c5664;margin:14px 0 7px}
.voices-page .clone-details label small{font-size:12px;color:#758090;margin-left:5px}
.voices-page .clone-details>input,.voices-page .clone-details>textarea{width:100%;font-size:14px}
.voices-page .clone-details>textarea{min-height:72px;resize:vertical;line-height:1.7}
.voices-page .clone-details>label.clone-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;margin:14px 0}
.voices-page .voice-audio-label{display:block;font-size:12px;color:#56616f;margin:12px 0 6px}
.voices-page .clone-waveform-editor{position:relative;height:128px;margin:20px 0 12px;border-radius:8px;background:#f4f6f8;touch-action:pan-y;user-select:none}
.voices-page #clone-waveform{display:block;width:100%;height:100%;border-radius:8px;cursor:crosshair}
.voices-page .clone-selection{position:absolute;top:0;bottom:0;background:#64758a18;border-inline:1px solid #64758a;cursor:grab;touch-action:none;min-width:1px}
.voices-page .clone-range-handle{position:absolute;z-index:2;width:44px;height:44px;transform:translateX(-50%);padding:0;border-radius:8px;background:#414b58;color:#fff;font-size:12px;cursor:ew-resize;touch-action:none;box-shadow:0 1px 3px #24262b18}
.voices-page .clone-range-start{top:0}.voices-page .clone-range-end{bottom:0}
.voices-page .clone-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.voices-page #clone-selection-info{margin:0;color:#414b58;font-size:13px;line-height:1.7}
.voices-page #clone-selection-play{font-size:13px;min-height:40px}
.voices-page .voice-trim-details{margin:14px 0;font-size:12px;color:#5e6875}
.voices-page .voice-trim-details summary{cursor:pointer;line-height:1.7}
.voices-page .voice-trim-details .trim-fields{margin-top:10px}
.voices-page .voice-create #clone-editor .clone-trim-hint{font-size:12px;line-height:1.7;margin:12px 0}
.voices-page #clone-prepare{margin:12px 0 0}
.voices-page .clone-submit-hint{font-size:12px;line-height:1.7;color:#647080;margin:8px 0 0}
.voices-page .voice-record{row-gap:6px;padding:14px 0}
.voices-page .voice-record .voice-delete{grid-row:auto}
.voices-page .voice-record-meta{grid-column:1;font-size:12px}
@media(max-width:760px){
 .voices-page .studio-shell{height:auto;min-height:calc(100dvh - 48px);align-content:start}
 .voices-page .studio-main{overflow:visible}
 .voices-page .voice-mobile-tabs{display:flex;position:sticky;top:0;z-index:40;gap:4px;padding:5px;background:#f1f3f6;border-radius:10px;margin-bottom:14px}
 .voices-page .voice-mobile-tabs button{flex:1;min-height:42px;background:transparent;color:#687384;border-radius:7px;font-size:14px}
 .voices-page .voice-mobile-tabs button[aria-selected=true]{background:#fff;color:#25282e;box-shadow:0 1px 3px #24262b10;font-weight:600}
 .voices-page[data-voice-view=library] #create,.voices-page[data-voice-view=create] #voice-library-panel{display:none}
 .voices-page .clone-details>input,.voices-page .clone-details>textarea{font-size:16px}
 .voices-page #clone-prepare,.voices-page #clone-submit{min-height:44px}
 .voices-page .voice-trim-details .trim-fields input{font-size:16px}
}
.image-example-frame { position:relative; overflow:hidden; border-radius:14px; isolation:isolate; }
.image-example-frame > img { display:block; width:100%; height:auto; }
.image-preview.is-generating .image-example-frame::after { content:""; position:absolute; inset:-35% auto -35% -55%; width:44%; pointer-events:none; background:linear-gradient(108deg,transparent,#c9dce64d 20%,#fffffff2 48%,#c9dce64d 76%,transparent); filter:blur(4px); animation:image-preview-sweep 3.4s cubic-bezier(.4,0,.35,1) infinite; }
@keyframes image-preview-sweep { 0%,5% { transform:translateX(-40%) skewX(-12deg); opacity:0; } 18%,75% { opacity:.8; } 90%,100% { transform:translateX(440%) skewX(-12deg); opacity:0; } }
.image-preview > .image-preview-status { flex:0 0 auto; margin:0; padding:18px 18px 16px; border-bottom:1px solid #e9eef1; background:#fff; color:#253544; }
.image-preview-status .image-generation-title { display:inline-block; margin:0; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:.35px; }
.image-preview-status p { margin:5px 0 0; font-size:12px; line-height:1.6; color:#76828e; }
.image-preview-status .generation-elapsed { font-size:11px; color:#8a929c; }
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 .image-preview.is-generating .image-generation-title { background:linear-gradient(105deg,#182936 0%,#182936 32%,#50718b 43%,#50718b 51%,#182936 63%,#182936 100%); background-size:210% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:image-wait-text 3.4s cubic-bezier(.4,0,.35,1) infinite; }
 .image-preview.is-generating .image-preview-status[data-phase=queued] .image-generation-title { animation-duration:5.4s; }
}
@keyframes image-wait-text { 0%,5% { background-position:100% 50%; } 85%,100% { background-position:0% 50%; } }
@media(max-width:600px) { .image-preview > .image-preview-status { padding:14px 12px; } .image-preview-status .image-generation-title { font-size:15px; } .image-preview-status p { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .image-preview.is-generating .image-generation-title { animation:none; background:none; -webkit-text-fill-color:currentColor; } }
.image-preview-status[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .image-preview.is-generating .image-example-frame::after { animation:none; opacity:.35; transform:translateX(180%); } }
.image-result-view { min-height: 280px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin:auto 0; }
.image-result-view[hidden] { display: none; }
.image-result-view > img { max-width: 100%; max-height: 68vh; object-fit: contain; border-radius: 12px; }
.image-result-view > small { color: #687180; font-size: 12px; }
.image-result-download { color: #24272b; text-decoration: none; border: 1px solid #dfe3e9; border-radius: 10px; padding: 8px 16px; font-size: 13px; }
.image-result-download:hover { background: #f4f5f7; }
.image-task-item { margin-top: 10px; border: 1px solid #e1e5eb; border-radius: 10px; padding: 8px; }
.image-task-open { display: flex; flex-direction: column; gap: 5px; width: 100%; border: 0; background: transparent; text-align: left; padding: 4px; color: #24272b; font: inherit; cursor: pointer; }
.image-task-open strong { font-size: 13px; font-weight: 500; }
.image-task-open small { font-size: 12px; color: #687180; }
.image-setting-group input:disabled + span { opacity: .45; cursor: not-allowed; }
.image-draft-item.image-task-item{margin:0;padding:0;border:0}.image-draft-query{position:absolute;right:5px;bottom:5px;min-width:32px;min-height:26px;padding:3px 5px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;color:#515761;font-size:11px}.image-draft-item:has(.image-draft-query) .image-draft-select{padding-bottom:32px}
.image-page .image-draft-select{padding-bottom:32px}.image-page .image-draft-delete{display:grid;place-items:center;z-index:1;top:auto;right:auto;left:6px;bottom:5px;width:28px;height:28px;min-height:28px;padding:5px;border-radius:5px;background:#f3f4f6;color:#616b79}.image-page .image-draft-delete svg{width:16px;height:16px}.image-page .image-draft-delete:hover{background:#e9edf2}.image-page .image-draft-delete:disabled{cursor:wait;opacity:.5}@media(hover:none){.image-page .image-draft-delete{width:32px;height:32px;min-height:32px}}
/* Keep the image, editor controls and draft rail within the desktop viewport. */
.image-page .example-view{margin:0;padding:16px;min-height:0;display:flex;flex-direction:column;gap:6px}
.image-page .example-view>p:not(.example-caption){margin:0 0 6px;font-size:12px}
.image-page .example-view h2{font-size:16px}
.image-page .image-example-frame{min-height:0;border-radius:8px}
.image-page .image-control-row,.image-page .image-editor-heading,.image-page #image-generate,.image-page #image-status{flex:none}
.image-page .image-model strong{letter-spacing:0}
.image-page .image-generation-title{letter-spacing:0}
@media(min-width:980px){
 .studio-page.image-page .studio-header{height:48px;min-height:48px;display:flex;padding:0 20px}
 .studio-page.image-page .studio-shell{height:100dvh;min-height:0;padding-top:48px;grid-template-columns:72px minmax(0,1fr)}
 .studio-page.image-page .studio-sidebar{top:48px;height:calc(100dvh - 48px);min-height:0;max-height:calc(100dvh - 48px);padding:14px 5px}
 .studio-page.image-page .studio-sidebar nav{flex:1;min-height:0;overflow:auto;align-content:start}
 .studio-page.image-page .studio-sidebar nav a{display:flex;flex-direction:column;gap:7px;padding:12px 2px;font-size:12px}
 .studio-page.image-page .studio-sidebar nav a>span{white-space:nowrap;letter-spacing:0}
 .studio-page.image-page .sidebar-account,.studio-page.image-page #sidebar-admin-entry{flex:none}
 .studio-page.image-page .studio-main{height:100%;min-height:0;padding:14px 20px 20px;overflow:hidden}
 .image-page .image-workspace{height:100%;min-height:0;grid-template-columns:minmax(290px,.75fr) minmax(260px,1.15fr) 190px;grid-template-rows:minmax(0,1fr);gap:14px}
 .image-page .image-editor,.image-page .image-preview,.image-page .image-queue{min-height:0;grid-column:auto;border-radius:8px}
 .image-page .image-editor{gap:8px}
 .image-page .image-composer{min-height:0;padding:12px}
 .image-page .image-composer textarea{min-height:48px;resize:none;overflow:auto}
 .image-page .feature-hint{margin:4px 0;font-size:11px;line-height:1.5}
 .image-page .image-slots{margin:10px 0 6px}
 .image-page .example-view{flex:1;overflow:hidden;justify-content:center;align-items:center;gap:6px;padding:28px 16px 18px}
 .image-page .example-view h2,.image-page .example-view>p:not(.example-caption){flex:none}
 .image-page .image-example-frame{flex:none;display:flex;justify-content:center;max-width:92%;border-radius:8px}
 .image-page .image-example-frame>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(64dvh - 100px);object-fit:contain}
 .image-page .image-result-view{flex:1;min-height:0;margin:0;padding:16px;overflow:hidden;gap:8px}
 .image-page .image-result-view>img{flex:1;min-height:0;width:100%;max-height:none;object-fit:contain;object-position:center top}
 .image-page .image-result-view>:not(img){flex:none}
 .image-page .image-queue{overflow:auto}
 .image-page .image-queue-heading{position:sticky;top:-14px;z-index:3;margin:-14px -12px 0;padding:10px 10px 8px;background:#fafbfc;border-bottom:1px solid #e4e8ee}
 .image-page .image-queue h2{font-size:12px;gap:5px}
 .image-page .preview-tabs{height:44px}
 .image-page .preview-tabs button{padding:13px 0 10px}
}
@media(min-width:980px) and (max-height:620px){
 .image-page .image-editor-heading{min-height:40px}.image-page .feature-toggle>img{width:34px;height:36px}
 .image-page .image-slot,.image-page .image-slot-artwork{width:52px}.image-page .image-slot-artwork,.image-page .image-slot button:not(.slot-remove){width:48px;height:48px}
 .image-page .image-slot{font-size:9px}.image-page .image-slots{margin:6px 0 0;gap:8px}
 .image-page .image-model,.image-page .image-settings>summary{min-height:42px;padding:5px 7px}
 .image-page .image-editor{gap:6px;padding:10px}.image-page .image-composer{padding:8px}
 .image-page .image-preview>.image-preview-status{padding:10px 12px}.image-page #image-generate{min-height:38px;padding:8px 12px}
}
@media(max-width:979px){.image-page .image-editor{min-height:0}.image-page .image-composer{min-height:240px}.image-page .image-composer textarea{min-height:90px}.image-page .image-preview{min-height:0}.image-page .example-view{padding:14px}.image-page .image-example-frame>img{max-height:45dvh;object-fit:contain}.image-page #image-draft-row{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.image-page .image-queue-heading{justify-content:flex-start;gap:16px}.image-page .image-result-view{min-height:0;padding:14px}.image-page .image-result-view>img{max-height:45dvh}.image-page .image-new-draft{min-height:44px}}

/* Clear only drafts; submitted tasks remain in the queue. */
.image-page .image-clear-drafts { display: block; width: 100%; min-height: 32px; margin-top: 10px; padding: 5px 8px; border: 1px solid #dce1e8; border-radius: 8px; background: #fff; color: #626d7e; font: inherit; font-size: 13px; line-height: 1.5; cursor: pointer; }
.image-page .image-clear-drafts:hover:not(:disabled) { border-color: #b7bec8; background: #f3f4f6; color: #30343a; }
.image-page .image-clear-drafts:disabled { color: #8a919b; background: transparent; cursor: not-allowed; }
.image-page .image-clear-drafts:focus-visible { outline: 1px solid #818995; outline-offset: 2px; }