/* A roomy, readable workspace for chat and generation forms. */
.workspace .product-photo-drop{display:none}
.workspace #generatorTaskFields:has(>.source-file-drop):not(:has(fieldset)){display:none}
.workspace .attachment-help{display:block;font-size:12px;line-height:1.5;color:#797584;margin:10px 0 12px}
.workspace:has([data-speech-field],[data-music-field]) .attachment-help{display:none}
.hero,.hero:has(.product-workspace){max-width:1600px;padding-inline:clamp(16px,3vw,40px)}
.workspace:not(.generation-workspace) .messages{min-height:420px;max-height:72dvh;font-size:16px;line-height:1.65}
.workspace:not(.generation-workspace) .composer textarea{font-size:16px;min-height:120px}
.workspace .model-trigger{font-size:14px}
.workspace .send{font-size:15px;min-height:46px}
.generation-workspace .workspace-main{grid-template-columns:minmax(440px,42%) minmax(0,1fr);height:clamp(900px,92dvh,1200px)}
.generation-workspace .generation-heading{grid-template-columns:minmax(440px,42%) minmax(0,1fr)}
.generation-workspace .generation-heading h2{font-size:20px}
.generation-workspace .generation-panel-actions button{font-size:14px;padding:10px 12px;min-height:42px}
.generation-workspace .generation-result-heading strong{font-size:16px}
.generation-workspace .generation-result-heading span{font-size:14px}
.generation-workspace .composer{padding:22px 24px 0;scroll-padding-bottom:230px}
.generation-workspace .messages{padding:26px;font-size:16px;line-height:1.6}
.generation-workspace .product-photo-drop{padding:18px;gap:16px}
.generation-workspace .product-photo-preview{width:96px;height:112px;flex-shrink:0}
.generation-workspace .product-photo-drop strong{font-size:16px}
.generation-workspace .product-photo-drop p{font-size:14px;line-height:1.55;color:#625c6d}
.generation-workspace .product-photo-actions{gap:8px;flex-wrap:wrap}
.generation-workspace .product-photo-actions button{padding:10px 12px;min-height:42px;font-size:14px}
.generation-workspace .product-card-fields{padding:18px 20px;margin-bottom:18px}
.generation-workspace .product-card-fields legend{font-size:16px}
.generation-workspace .product-card-fields label{font-size:14px;color:var(--ink);margin:14px 0;gap:7px}
.generation-workspace .product-card-fields input,.generation-workspace .product-card-fields select{font-size:16px;min-height:46px;padding:11px 12px}
.generation-workspace .product-card-fields textarea{font-size:16px;min-height:100px!important;line-height:1.5;padding:12px}
.generation-workspace .product-card-fields p{font-size:14px;line-height:1.55;color:#625c6d}
.generation-workspace:has([data-product-field]) .product-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.generation-workspace:has([data-product-field]) .product-card-fields>label{margin:6px 0}
.generation-workspace:has([data-product-field]) .product-card-fields>:is(.product-ai-fill,.product-card-selects,p),.generation-workspace .product-card-fields>label:has([data-product-field=subtitle]){grid-column:1/-1}
.generation-workspace .product-card-fields>label:has([data-product-field=characteristics]):not(:has([data-product-field=description])){grid-column:1/-1}
.generation-workspace .product-card-fields:has([data-product-field=description])>label:has([data-product-field=characteristics]){grid-column:auto}
.generation-workspace #prompt{font-size:16px;line-height:1.55;padding:15px;min-height:150px}
.generation-workspace:has(.product-card-fields) #prompt{min-height:96px;max-height:180px}
.generation-workspace .composer-controls{gap:12px;padding-top:14px}
.generation-workspace .composer .model-trigger{font-size:14px;padding:12px}
.generation-workspace .parameters label{font-size:14px;gap:7px;min-width:120px}
.generation-workspace .parameters select{font-size:16px;min-height:46px;padding:10px}
.generation-workspace .send{font-size:16px;min-height:48px}
.generation-workspace .preset-fields label,.generation-workspace .preset-note{font-size:14px;line-height:1.55}
.generation-workspace .preset-fields input,.generation-workspace .preset-fields select,.generation-workspace .preset-fields textarea{font-size:16px;min-height:44px}
.generation-workspace:has([data-product-field]) .workspace-main{height:auto;min-height:clamp(900px,92dvh,1200px);grid-template-rows:94px auto}
.generation-workspace:has([data-product-field]) .composer{height:auto;max-height:none;overflow:visible}
.generation-workspace:has([data-product-field]) .composer-controls{position:static}
.generation-workspace:has([data-product-field]) .messages{height:auto;min-height:700px}
@media(max-width:1100px){
 .generation-workspace .workspace-main,.generation-workspace .generation-heading{grid-template-columns:minmax(360px,46%) minmax(0,1fr)}
 .generation-workspace .composer{padding:18px 16px 0}
 .generation-workspace .messages{padding:20px}
}
@media(max-width:800px){
 .generation-workspace .workspace-main{display:flex;flex-direction:column;height:auto;overflow:visible}
 .generation-workspace:has([data-product-field]) .workspace-main{min-height:0}
 .generation-workspace .generation-heading{display:flex;height:auto;min-height:90px}
 .generation-workspace .generation-panel-title{width:100%;border-right:0;padding:16px;align-items:flex-start}
 .generation-workspace .generation-result-heading{display:none}
 .generation-workspace .composer{order:1;position:static;width:100%;height:auto;max-height:none;min-height:0;border-right:0;border-bottom:1px solid var(--line);overflow:visible;padding:18px 16px 0}
 .generation-workspace .messages{order:2;width:100%;height:auto;min-height:300px;max-height:none;padding:20px}
 .generation-workspace:has([data-product-field]) .messages{min-height:300px}
 .generation-workspace .product-card-fields{padding:16px 14px}
 .generation-workspace:has([data-product-field]) .product-card-fields{display:block}
 .generation-workspace .product-photo-drop{padding:14px;gap:12px}
 .generation-workspace .product-photo-preview{width:76px;height:90px}
 .generation-workspace .composer-controls{position:static}
 .workspace:not(.generation-workspace) .messages{min-height:300px;max-height:65dvh}
}
@media(max-width:420px){
 .generation-workspace .product-photo-drop{flex-direction:column;align-items:flex-start}
 .generation-workspace .product-card-selects{grid-template-columns:1fr}
 .generation-workspace .generation-panel-actions{flex-wrap:wrap}
 .generation-workspace .generation-panel-actions button{font-size:13px;padding:9px 10px}
 .generation-workspace .composer,.generation-workspace .messages{padding-inline:12px}
}