.creation-thumb video{height:100%;width:100%;object-fit:cover}.demo-caption,.preview-label{position:absolute;bottom:10px;left:10px;border-radius:5px;background:#ffffffdf;padding:5px 7px;color:#6d655e;font-size:8px}.is-english{font-family:var(--english),var(--arabic),sans-serif}
/* Pre-emit critique: P4 H4 E4 S5 R5 V4 D5 */
.sidebar{overflow-y:auto}.studio-tools{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.studio-tools .tool-card{min-height:170px}.studio-tools .tool-card small{line-height:1.7;color:var(--ink)}
.studio-family-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-block-end:1rem}.studio-family-nav button,.studio-family-nav a{border:1px solid var(--line);border-radius:8px;padding:.5rem .9rem;background:var(--white);cursor:pointer;font-weight:600}.studio-family-nav .active{background:var(--ink);color:var(--white);border-color:var(--ink)}
.studio-tabs{display:flex;flex-wrap:wrap;gap:.3rem;overflow:visible}.studio-tab{white-space:nowrap;font-size:13px}.studio-tab[aria-selected=true]{font-weight:700}.studio-tab.hidden{display:none}
.generator-panel{min-width:0}.generator-panel input,.generator-panel select,.generator-panel textarea{max-width:100%;min-width:0}.generator-panel select{font-size:13px}.generator-panel .field-label{font-size:13px;line-height:1.7}.generator-panel small{line-height:1.7}.generator-panel .field-row>*{min-width:0}
.generator-panel .field-block{margin-block-end:.7rem}.video-settings-row{display:flex;gap:.8rem}.video-settings-row>*{flex:1}.video-settings-row.hidden{display:none}.generator-panel textarea{min-height:95px}
.product-reference,.marketing-brief{border:1px solid var(--line);border-radius:12px;padding:clamp(.7rem,1.5vw,1rem);margin-block-end:1rem;background:var(--white)}.reference-heading,.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.reference-heading label{margin:0}.product-reference input[type=file]{display:block;width:100%;margin-block:.6rem;font-size:12px}.product-reference small,.marketing-brief small{font-size:12px;color:var(--ink)}.reference-preview{display:flex;align-items:center;gap:.7rem;margin-block:.6rem;min-width:0}.reference-preview img{object-fit:contain;border-radius:8px;background:var(--paper);aspect-ratio:1}.reference-preview span{overflow-wrap:anywhere;font-size:12px}.reference-preview.hidden{display:none}#referenceSupport{font-size:12px;line-height:1.7;margin-block:.4rem 0;color:var(--ink)}
.marketing-brief summary{cursor:pointer;font-weight:600;font-size:13px}.marketing-brief[open] summary{margin-block-end:1rem}.prompt-heading .text-link,.reference-heading .text-link{border:0;background:none;font-size:12px;cursor:pointer;color:var(--ink);flex-shrink:0}.settings-row{margin-block-start:1rem}.generator-bottom{flex-wrap:wrap;gap:.8rem}.generator-bottom .button{white-space:nowrap}.model-search{margin-block-end:.75rem}
.long-studio{padding:clamp(1rem,3vw,2.5rem)}.long-studio h1{font-size:clamp(1.6rem,3vw,2.2rem)}.long-studio h2{font-size:1.15rem;margin-block:0 .7rem}.long-studio p{line-height:1.8;color:var(--ink)}.long-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem)}.long-studio .account-panel{margin:0;border-radius:16px}.long-studio-form{display:grid;gap:1rem}.long-studio-form label{display:grid;gap:.4rem;font-size:14px}.long-studio-form input,.long-studio-form select,.long-studio-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:.65rem;font:inherit;text-align:start}.long-project-list{display:grid;gap:.6rem;max-height:60vh;overflow-y:auto}.long-project{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);padding:.8rem;border-radius:8px}.long-project>span:first-child{display:grid;gap:.3rem;min-width:0}.long-project b{overflow-wrap:anywhere}.long-project small{font-size:12px;color:var(--ink)}.long-project:hover{background:var(--paper)}
.studio-family-nav :focus-visible,.studio-tab:focus-visible,.generator-panel :focus-visible,.long-studio :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.generator-panel :disabled{opacity:.55;cursor:wait}
@media(min-width:1000px){.studio-layout{align-items:start}.preview-panel{position:sticky;inset-block-start:1rem}}
@media(max-width:760px){.long-studio-grid{grid-template-columns:minmax(0,1fr)}.studio-heading{gap:1rem;flex-wrap:wrap}.studio-tools{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.generator-panel .field-row{flex-wrap:wrap}.generator-panel .field-row>*{flex:1 1 160px}.studio-family-nav button,.studio-family-nav a{font-size:12px;padding:.5rem}.studio-tab{font-size:12px;padding-inline:.5rem}.reference-heading,.prompt-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Pre-emit critique: P5 H5 E5 S5 R5 V4 D5. Complete media stays inside the preview frame. */
#previewCanvas:has(> .media-result){flex:none;block-size:clamp(260px,55vh,600px);min-block-size:0}
#previewCanvas>.media-result{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#previewCanvas>.media-result>.remote-image{display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;object-fit:contain;object-position:center}
.logo-background-field small{display:block;margin-block-start:.5rem;color:var(--ink);font-size:12px;line-height:1.7}

.design-studio-fields{border:1px solid var(--line);border-radius:12px;padding:1rem;margin-block-end:1rem;background:var(--paper)}.design-studio-fields h3{font-size:14px;margin-block:0 1rem}.design-studio-fields .design-studio-hint{font-size:12px;line-height:1.8;color:var(--ink);margin-block:.5rem 0}

.creative-information-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}