/* Studio additions use the approved AIReel template's existing type and palette. */
.tool-guide{min-height:420px;padding:48px 32px;display:flex;flex-direction:column;justify-content:center;gap:20px;color:#a9bcc7;font-size:13px;line-height:1.8}.tool-guide-title{color:#e6f2f7;font-size:22px;font-weight:600}.tool-guide ol{list-style:decimal;padding-left:20px;display:grid;gap:14px}.tool-guide [data-guide-note]{font-size:11px;color:#8ca5b2}.tool-guide button{align-self:flex-start}.source-photo:has(video) button{top:5px;bottom:auto}.source-photo video{width:100%;height:100%;object-fit:contain}@media(max-width:767px){.tool-guide{min-height:320px;padding:28px 20px}.tool-guide-title{font-size:18px}}
.model-note{font-size:10px;line-height:1.55;color:#91a6b0;margin:6px 2px 9px;min-height:0}.model-note:empty{display:none}.model-note a{color:#8ee3fb;text-decoration:underline;text-underline-offset:2px}.studio-reload{padding:9px;color:#a4eaff;border:1px solid #33505c;border-radius:8px;background:#19282e;margin:4px 0 12px;font-size:12px}
.editor-tabs.multi-tabs{height:auto;display:grid;grid-template-columns:1fr 1fr}.source-method{display:flex;align-items:center;gap:8px;font-size:11px;color:#92aab4;margin:0 0 10px}.source-method button{border:0;border-radius:7px;background:#222b2f;color:#d6e8ee;padding:7px 9px;font-size:11px}.source-method button:last-child{margin-left:auto}
.source-slots{display:grid;grid-template-columns:1fr;gap:8px}.source-slots.multiple-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.source-slots.multiple-sources:has(.source-card:nth-child(2):last-child){grid-template-columns:1fr 1fr}.source-label{display:block;font-size:10px;line-height:1.4;color:#91a6b0;margin:0 0 6px}.source-slots .upload-zone{min-height:130px;width:100%;padding:16px 10px}.source-slots.multiple-sources .upload-zone{padding:10px 4px;min-height:108px}.source-slots.multiple-sources .upload-title{font-size:11px}.source-slots.multiple-sources .upload-help{font-size:8px}.source-slots .upload-zone:disabled{opacity:.55;cursor:default}.source-photo{position:relative;aspect-ratio:16/9;background:#11191c;border:1px solid #354248;border-radius:9px;overflow:hidden}.source-photo img{width:100%;height:100%;object-fit:contain}.source-photo button{position:absolute;bottom:5px;left:5px;background:#111c22d9;border:1px solid #526673;border-radius:5px;color:#e2f4ff;font-size:10px;padding:3px 6px}.source-photo button[data-remove]{left:auto;right:5px;font-size:16px;padding:0 6px}.source-filename{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92a8b3;padding-top:4px}.upload-privacy{margin-top:8px}
.advanced-settings{margin:12px 0 0;border:1px solid #303b40;border-radius:9px;background:#1c2326}.advanced-settings summary{list-style:none;padding:9px 12px;color:#aec4ce;font-size:11px;display:flex;justify-content:space-between;cursor:pointer}.advanced-settings[open] summary{border-bottom:1px solid #303b40}.advanced-settings [data-advanced-fields]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.advanced-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:10px;color:#9eb5bf}.advanced-field.wide{grid-column:1/-1}.advanced-field input:not([type=checkbox]),.advanced-field select,.advanced-field textarea{width:100%;padding:8px;border:1px solid #3c4a51;border-radius:6px;background:#111b20;color:#e3eff4;font:inherit;font-size:11px;min-width:0;outline-offset:2px}.advanced-field textarea{min-height:64px;resize:vertical}.advanced-field.check{flex-direction:row;align-items:center;grid-column:1/-1}.advanced-field.check input{accent-color:#25c9ff}.generation-policy{font-size:10px;line-height:1.6;color:#bdc7ad;margin:12px 0 0;padding:9px;border:1px solid #4b5035;border-radius:8px;background:#24291e}.prompt-toolbar [data-text-model]{padding:4px;font-size:13px}.prompt-toolbar button:disabled{opacity:.4}
.editor-panel.busy textarea,.editor-panel.busy .setting-button{opacity:.65}.pending-recovery{border:1px solid #705932;background:#2a251c;border-radius:8px;padding:10px;font-size:11px;color:#e1c696;margin-top:10px}.pending-recovery p{margin:0 0 7px}.pending-recovery button{border:1px solid #847450;border-radius:5px;padding:6px 10px;background:#3b3424;color:#f6eacb}
.model-browser{width:420px;max-width:calc(100vw - 16px);padding:12px}.model-search{width:100%;border:1px solid #37464c;background:#151e23;color:#e7f5fb;border-radius:8px;padding:10px 12px;font:inherit;font-size:12px;margin-bottom:9px}.model-families{display:flex;gap:5px;overflow:auto;padding:0 0 10px;scrollbar-width:thin}.model-families button{white-space:nowrap;border:1px solid #34434b;background:#1e2b31;color:#a6bcc7;border-radius:6px;padding:5px 8px;font-size:10px}.model-families button[aria-pressed=true]{background:#203f4b;border-color:#43aed2;color:#a4eaff}.model-groups{max-height:min(53vh,490px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.model-group-title{font-size:10px;font-weight:600;color:#8ca3af;margin:12px 6px 5px}.model-browser .option-button{padding:9px 8px;gap:8px;min-height:42px}.model-browser .option-button>span:first-child{min-width:0;font-size:12px}.model-browser .option-button small{display:block;font-size:9px;line-height:1.4;color:#8297a3;margin-top:3px}.model-verification{font-size:8px;color:#7ce8b4}.model-verification.documented{color:#93aab7}.model-count{font-size:10px;color:#7e939e;margin:9px 5px 0}.enhance-preview{width:400px;max-width:calc(100vw - 16px);padding:14px}.enhance-preview textarea{width:100%;min-height:160px;max-height:40vh;background:#111c22;border:1px solid #41525d;border-radius:8px;color:#ddebfa;font:inherit;font-size:12px;padding:10px;resize:vertical;line-height:1.7}.enhance-actions{display:flex;gap:8px;margin-top:10px}.enhance-actions button{padding:8px 12px;border:1px solid #3a5564;border-radius:8px;background:#263d49;color:#c1eaff;font-size:12px}
.work-panel{width:100%;min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column}.work-panel .generation-progress,.work-panel .empty-result,.work-panel .failed-result{flex:1;min-height:420px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:20px}.work-panel .failed-result p{max-width:420px}.work-panel .generation-progress span{max-width:390px;font-size:12px;color:#8fa7b4;line-height:1.6}.work-panel .generation-progress small{font-size:10px;color:#738e9c;overflow-wrap:anywhere}.work-panel .generation-progress button{border:1px solid #4c606b;background:#253640;color:#bbd9e9;padding:8px 12px;border-radius:7px}.work-panel video,.work-panel .generated-image{width:100%;max-height:620px;object-fit:contain;border-radius:10px}.work-panel audio{width:calc(100% - 40px);max-width:540px;margin:160px 0 120px}.audio-variations{display:flex;gap:8px;margin:0 0 20px}.audio-variations button{border:1px solid #425560;background:#1d2d36;color:#afdff7;border-radius:6px;padding:7px 12px;font-size:12px}.audio-variations button[aria-pressed=true]{border-color:#48bfe8;background:#244452}.result-actions{gap:12px;flex-wrap:wrap}.result-actions button{background:none;border:0;color:#a1cadd;font-size:11px;padding:5px}.result-actions span{margin-right:auto}
.sample-controls{position:absolute;right:12px;top:12px;display:flex;gap:5px;z-index:3}.sample-controls button{font-size:11px;color:#d4e9f0;background:#0e1c24c9;border:1px solid #48606c;border-radius:6px;padding:5px 8px}.sample-controls button:hover{background:#264b60}.reference-play{z-index:3;left:12px;right:auto}.work-history{padding:15px 0 8px;border-top:1px solid #31434c;margin:12px 0 0}.history-toolbar{display:flex;gap:7px;flex-wrap:wrap}.history-toolbar input,.history-toolbar select{border:1px solid #3b505b;border-radius:7px;background:#15242d;color:#b6d0df;font:inherit;font-size:11px;padding:7px 9px;min-width:0}.history-toolbar input{flex:1;min-width:130px}.history-toolbar button{border:1px solid #3b505b;border-radius:7px;background:#20313c;color:#b6d0df;font-size:11px;padding:7px 9px}.history-toolbar button[aria-pressed=true]{border-color:#5dcef5;color:#b2ecff}.history-retention{font-size:9px;color:#7798aa;margin:8px 0 12px}.history-status{font-size:12px;color:#bed9e8;margin:8px 0}.history-status:empty{display:none}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:650px;overflow:auto;padding:1px;scrollbar-width:thin;overscroll-behavior-y:auto}.work-card{min-width:0;border:1px solid #304752;border-radius:9px;overflow:hidden;background:#142631}.work-card.selected{border-color:#5abfe8}.work-open{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;background:#0b1c27;border:0;color:#749aac;overflow:hidden}.work-open img{width:100%;height:100%;object-fit:contain}.work-type-icon{font-size:30px}.work-state{position:absolute;left:6px;bottom:6px;font-size:8px;background:#071824df;color:#a9d5eb;padding:3px 5px;border-radius:4px}.work-state.is-active{color:#8ee8cf}.work-card-body{padding:8px}.work-card-body p{color:#cce7f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin:0 0 5px}.work-card-body small,.work-card-body time{display:block;font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#81a3b7}.work-card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.work-card-actions button,.work-card-actions a{border:1px solid #375566;border-radius:4px;background:#1b3341;color:#acd9ef;font-size:8px;padding:3px 5px}.history-empty{font-size:12px;color:#85a6b9;grid-column:1/-1;padding:15px}.sidebar-audio{font-size:22px;width:24px}
@media(max-width:767px){.source-slots.multiple-sources .upload-zone{min-height:100px}.model-browser{width:100%;padding:0}.model-browser .model-groups{max-height:50vh}.model-families{padding-bottom:10px}.work-panel{min-height:300px}.work-panel .generation-progress,.work-panel .empty-result,.work-panel .failed-result{min-height:300px}.work-panel audio{margin:80px 0}.history-grid{grid-template-columns:1fr 1fr}.history-toolbar input{min-width:110px}.result-actions{font-size:10px}.enhance-preview{width:100%}}
@media(prefers-reduced-motion:reduce){.progress-spinner{animation:none}}
/* History growth must not push the creation controls below the preview column. */
.rendastic-studio>.generator{align-items:start}.rendastic-studio .editor-panel{min-height:calc(100dvh - var(--header-height) - 24px)}.work-panel video{aspect-ratio:16/9;min-height:240px;height:auto}.work-panel .generated-image{max-height:620px;height:auto}.work-card-actions button,.work-card-actions a{min-height:28px;font-size:10px}.work-open{max-height:170px}.history-grid{align-items:start}
@media(max-width:767px){.rendastic-studio .editor-panel{min-height:0}.work-card-actions button,.work-card-actions a{min-height:36px}.work-panel video{min-height:180px}.source-photo button{min-height:28px}}
.source-photo video{width:100%;height:100%;object-fit:contain}.editor-tabs:has([data-tab="video-edit"]){gap:0}.editor-tabs:has([data-tab="video-edit"]) button{flex:1;font-size:11px;padding-left:4px;padding-right:4px}

.source-photo audio{width:100%;height:54px;position:absolute;top:10px}.source-photo:has(audio){min-height:100px}.editor-tabs:has([data-tab="motion"]),.editor-tabs:has([data-tab="isolate"]){gap:0}.editor-tabs:has([data-tab="motion"]) button,.editor-tabs:has([data-tab="isolate"]) button{flex:1;font-size:11px;padding-left:4px;padding-right:4px}