/* One channel/template workbench beside the preview; preset drafts stay independent. */
.model-studio{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:32px;align-items:start}
.studio-workbench{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);padding:24px;min-width:0}
.studio-library,.studio-inspector{min-width:0}
.studio-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.studio-categories button{min-height:44px;padding:10px 16px;border:var(--border-subtle);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-muted);font:inherit;font-size:var(--type-14);font-weight:600;cursor:pointer}
.studio-categories button[aria-pressed="true"]{border-color:var(--color-navy);background:var(--color-navy);color:var(--color-surface)}
.studio-category-count{display:block;margin-top:5px;font-size:var(--type-label);font-weight:400;line-height:1.4}
.studio-library-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;padding-top:16px;border-top:var(--border-subtle);min-width:0}
.studio-library-toolbar .studio-tabs{flex:0 1 320px;width:min(100%,320px);min-width:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-library-toolbar .studio-tabs button{padding-inline:3px;font-size:10px;white-space:nowrap}
.studio-library-toolbar>span{flex:1 1 160px;min-width:0;font-size:var(--type-label);color:var(--color-muted);line-height:1.5;text-align:right}
.model-suggestion{justify-self:start;border-left:2px solid var(--color-primary);padding-left:6px;color:var(--color-primary);font-size:10px;font-weight:500;line-height:1.3}
.model-choice:not(.is-chosen) .model-suggestion{color:var(--color-muted);border-left-color:var(--color-muted)}
.studio-customize{min-width:0;min-height:100%;display:flex;flex-direction:column}
.studio-editor-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;margin-bottom:24px;border-bottom:var(--border-subtle)}
.studio-editor-nav .text-button{font-size:var(--type-12)}
.studio-editor-nav>span{color:var(--color-muted);font-size:var(--type-label)}
#studio-name:focus{outline:none}
.studio-inspector{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}
#studio-customize .studio-inspector{grid-template-rows:auto auto 1fr auto;flex:1}
.studio-inspector-heading,.studio-inspector .model-description{grid-column:1/-1}
.studio-inspector .studio-controls{grid-column:1;grid-row:3/span 2}
#studio-customize .studio-controls{grid-row:3}
.studio-inspector .studio-image-settings{grid-column:2;margin-top:0}
.studio-inspector .studio-save{grid-column:2}
#studio-customize .studio-save{grid-column:1/-1;grid-row:4;align-self:end}
.studio-section-heading{display:grid;gap:6px;margin-bottom:18px}
.studio-section-heading h2,.studio-inspector h2{font-size:18px;margin:0;color:var(--color-navy)}
.studio-section-heading>span,.studio-status{font-size:11px;color:var(--color-muted)}
.studio-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius-control);background:var(--color-surface-soft);margin-bottom:16px}
.studio-tabs button{flex:1;min-width:0;padding:8px 4px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:11px;color:var(--color-muted);cursor:pointer}
.studio-tabs button[aria-pressed="true"]{background:var(--color-surface);color:var(--color-navy);box-shadow:0 2px 8px #14274708}
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px}
.model-choice{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid transparent;border-radius:9px;background:var(--color-surface);transition:background var(--duration-fast),border-color var(--duration-fast)}
.model-choice:hover{background:var(--color-surface-soft)}
.model-choice.is-chosen{background:#f0f5ff}
.model-choice.is-previewing{border-color:var(--color-primary);background:#f0f5ff}
.model-choice.is-custom{position:relative;background:#f5f8ff;border-color:#dbe6fa;box-shadow:none}
.model-choice.is-custom::before{position:absolute;top:8px;bottom:8px;left:8px;width:2px;background:var(--color-primary);content:""}
#modelos .model-choice.is-custom .model-preview-trigger{padding-left:18px}
.model-choice.is-custom .model-origin{color:var(--color-primary);border-left:0;padding-left:0;font-size:10px}
.model-choice.is-custom.is-chosen{background:#eaf1ff;border-color:#b8ccff}
.model-choice.is-custom.is-previewing{border-color:var(--color-primary)}
@media(hover:hover){.model-choice.is-custom:hover,.model-choice.is-custom.is-chosen:hover{background:#e5eeff;border-color:#9dbbff}}
@media(hover:hover){.model-choice.is-chosen:hover{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}}
.model-preview-trigger{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:56px;padding:10px 4px 10px 10px;border:0;border-radius:8px;background:transparent;color:var(--color-navy);text-align:left;cursor:pointer}
.model-sample{display:grid;place-items:center;flex:none;width:30px;height:36px;border-radius:6px;color:var(--color-primary);background:var(--color-surface-soft);font-size:17px;font-weight:700}
.model-sample[data-look="retro"],.model-sample[data-look="quote"],.model-sample[data-look="minimal"]{font-family:Georgia,serif;font-style:italic}
.model-sample[data-look="night"],.model-sample[data-look="podcast"]{color:white;background:var(--color-navy)}
.model-choice-copy{display:grid;gap:4px;min-width:0}
.model-choice-copy strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.model-toggle{flex:none;width:28px;height:28px;margin-right:10px;border:var(--border-subtle);border-radius:7px;color:var(--color-muted);background:var(--color-surface);font:inherit;font-size:17px;cursor:pointer}
.model-toggle:hover,.model-toggle.is-added{color:var(--color-primary);border-color:var(--color-focus);background:#f0f5ff}
.model-toggle:disabled{opacity:.35;cursor:not-allowed}
.model-details{flex:none;margin-right:8px;padding:6px 2px;border:0;border-radius:4px;background:transparent;color:var(--color-muted);font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}
.model-details:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.studio-library-note,.studio-empty{font-size:11px;line-height:1.6;color:var(--color-muted);margin:16px 0 0}
.model-preview{min-width:0;display:flex;flex-direction:column;align-items:center;padding:0}
.studio-preview-heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin:4px 0 14px;font-size:11px;color:var(--color-muted)}
#studio-preview-name{color:var(--color-navy);font-size:var(--type-14);font-weight:600}
.model-preview .edit-preview{width:100%;max-width:none;margin:0 0 16px;border-radius:18px;box-shadow:0 18px 40px #14274712}
.model-preview #studio-add{width:100%;min-height:40px;font-size:12px}
.model-preview .studio-hint{text-align:center;max-width:290px}
.studio-hint,.studio-storage-note{font-size:10px;line-height:1.5;color:var(--color-muted);margin:8px 0 0}
.studio-inspector-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.studio-inspector-heading>div{min-width:0}
.studio-inspector h2{margin-top:5px;overflow-wrap:anywhere}
.studio-inspector .text-button{font-size:11px}
.studio-inspector .model-description{font-size:11px;line-height:1.5;margin:8px 0 20px;color:var(--color-muted)}
.studio-controls{border:0;border-top:var(--border-subtle);padding:18px 0 0;margin:0;min-width:0}
.studio-controls legend{font-size:12px;font-weight:600;padding:0 8px 0 0}
.studio-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.studio-colors label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}
.studio-colors input{appearance:none;width:28px;height:28px;padding:3px;border:var(--border-subtle);border-radius:7px;background:var(--color-surface);cursor:pointer}
.studio-colors input::-webkit-color-swatch-wrapper{padding:0}
.studio-colors input::-webkit-color-swatch{border:0;border-radius:4px}
.studio-check{display:flex;align-items:center;gap:8px;margin:14px 0 18px;font-size:11px}
.studio-check input{accent-color:var(--color-primary)}
.studio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.studio-field-pair label{display:grid;gap:7px;font-size:11px}
.studio-inspector select,.studio-save input{width:100%;min-width:0;min-height:36px;border:var(--border-subtle);border-radius:var(--radius-control);padding:8px 10px;font:inherit;font-size:12px;color:var(--color-navy);background:var(--color-surface-soft)}
.studio-range{display:grid;gap:10px;margin-top:18px;font-size:11px}
.studio-range>span{display:flex;justify-content:space-between;gap:12px}
.studio-range output{color:var(--color-muted);font-variant-numeric:tabular-nums}
.studio-range input{width:100%;margin:0;accent-color:var(--color-primary);cursor:pointer}
.studio-image-settings{border-top:var(--border-subtle);margin-top:20px;padding-top:16px}
.studio-image-settings summary{font-size:12px;font-weight:600;cursor:pointer}
.studio-image-upload{display:grid;gap:8px;margin-top:18px;font-size:11px}
.studio-image-upload input{max-width:100%;font:inherit;font-size:10px}
.studio-save{border-top:var(--border-subtle);margin-top:20px;padding-top:18px}
.studio-save h3{font-size:13px;margin:0 0 6px}
.studio-save p{font-size:11px;color:var(--color-muted);line-height:1.5;margin:0 0 12px}
.studio-save .flow-button{width:100%;margin-top:10px;min-height:40px;padding:9px 12px;font-size:11px;gap:8px}
.studio-storage-note{display:block;text-align:center}
.studio-version-options,.studio-version-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.studio-version-options>p{max-width:260px;margin:0}
.studio-version-options>label{display:grid;gap:8px;font-size:11px;color:var(--color-muted)}
.studio-version-actions .flow-button{margin-top:16px}
.studio-save #preset-feedback:empty{display:none}
.studio-save #preset-feedback{margin:10px 0 0;color:var(--color-primary);overflow-wrap:anywhere}
.model-studio :is(button,input,select,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.model-studio [hidden]{display:none!important}
.edit-preview,.result-media,.group-model-media,.group-preview-poster{container-type:inline-size}
[data-preset="true"] .edit-caption span{color:var(--preset-title)}
[data-preset="true"] .edit-caption strong{color:var(--preset-highlight);background:var(--preset-background);font-family:var(--preset-font);font-size:var(--preset-size);font-weight:700}
[data-preset="true"][data-position="top"] .edit-caption{top:12%;bottom:auto}
[data-preset="true"][data-position="middle"] .edit-caption{top:45%;bottom:auto}
[data-preset="true"][data-position="bottom"] .edit-caption{top:auto;bottom:16%}
.preset-logo{position:absolute;top:5%;left:6%;width:22%;height:12%;object-fit:contain;object-position:left top;pointer-events:none}
.preset-logo[hidden]{display:none}
.group-preview-poster img.preset-logo{width:22%;height:12%;object-fit:contain}
@media(max-width:1200px){.model-studio{grid-template-columns:280px minmax(0,1fr);gap:24px}.studio-workbench{padding:20px}.studio-library-toolbar{align-items:flex-start;flex-direction:column}.studio-inspector{display:block}.studio-inspector .studio-image-settings{margin-top:20px}}
@media(max-width:900px){.model-studio{grid-template-columns:1fr}.model-preview{width:min(100%,310px);justify-self:center}.studio-library-toolbar{flex-direction:row;align-items:center}}
@media(max-width:600px){.studio-workbench{padding:16px}.studio-library-toolbar{flex-direction:column;align-items:stretch}.studio-library-toolbar .studio-tabs{min-width:0}.studio-categories button{padding-inline:8px;font-size:var(--type-12)}.studio-editor-nav>span{display:none}.model-preview-trigger{gap:6px}.model-sample{width:25px}.studio-colors{gap:14px}}
@media(max-width:480px){#clip-workflow[data-compact="true"] .model-grid{grid-template-columns:1fr}}