.content.studio-content{width:min(1160px,calc(100% - 48px));padding-block-end:40px}.studio-header{padding-block:28px;display:flex;align-items:flex-start;gap:24px;justify-content:space-between}.studio-header h1{font-size:28px;line-height:1.7}.studio-header p{font-size:13px;color:var(--v-ui-muted);margin-block-start:8px}.studio-badge{flex-shrink:0;font-size:10px;max-width:170px;line-height:1.8;color:var(--v-ui-muted);padding:8px 12px;border:1px solid var(--v-ui-border);border-radius:12px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.studio-main{min-width:0}.studio-canvas{background:var(--soft);border:1px solid var(--v-ui-border);border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;height:340px}.studio-canvas>img{width:100%;height:100%;object-fit:contain;transition:object-position .2s ease}.canvas-bar{position:absolute;inset-inline:12px;inset-block-end:12px;padding:8px 12px;border-radius:8px;background:#13221ad9;color:#fff;font-size:10px;display:flex;justify-content:space-between;gap:12px}.studio-controls{border:1px solid var(--v-ui-border);background:var(--v-ui-surface);border-radius:18px;padding:20px;display:grid;gap:14px}.studio-field{display:grid;gap:8px;font-size:12px;min-width:0}.studio-field select,.studio-field textarea{background:var(--v-ui-bg);border:1px solid var(--v-ui-border);border-radius:10px;min-height:44px;color:var(--v-ui-text);padding:10px;width:100%;font:inherit}.studio-field textarea{resize:vertical;line-height:1.9;min-height:130px}.studio-field textarea:focus-visible{outline:2px solid var(--v-ui-primary)}.studio-field select:disabled{opacity:.65;cursor:not-allowed}.studio-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference-box{border:1px dashed var(--v-ui-border);border-radius:12px;padding:12px;display:grid;gap:10px;font-size:12px}.reference-box>.secondary{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px}.reference-box small,.studio-disclaimer{font-size:10px;color:var(--v-ui-muted);line-height:1.8}.studio-price{font-size:11px;color:var(--v-ui-muted);line-height:1.8}.studio-generate{display:flex;align-items:center;justify-content:center;gap:8px}.studio-controls>.secondary{font-size:12px}.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:24px 12px}.studio-section-title h2{font-size:16px}.studio-section-title>span{font-size:10px;color:var(--v-ui-muted)}.studio-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-templates button{position:relative;overflow:hidden;border-radius:14px;padding:0;border:2px solid transparent;text-align:start}.studio-templates button[aria-pressed=true]{border-color:var(--v-ui-primary)}.studio-templates img{display:block;width:100%;height:164px;object-fit:cover}.studio-templates span{position:absolute;inset-inline:0;inset-block-end:0;background:linear-gradient(transparent,#13221ae6);color:#fff;padding:28px 12px 12px;font-size:11px}.studio-results-note{color:var(--v-ui-muted);font-size:11px;text-align:center;border:1px dashed var(--v-ui-border);padding:20px;border-radius:12px;margin-block-start:24px}.storyboard{margin-block-start:16px;padding:12px;border:1px solid var(--v-ui-border);border-radius:12px;background:var(--v-ui-surface)}.storyboard>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:var(--v-ui-muted);margin-block-end:10px}.story-frames{display:flex;gap:8px;direction:ltr;unicode-bidi:isolate}.story-frames button{flex:1;min-width:0;padding:2px;border-radius:8px;border:2px solid transparent;position:relative}.story-frames button[aria-pressed=true]{border-color:var(--v-ui-primary)}.story-frames img{width:100%;height:50px;object-fit:cover;border-radius:4px;display:block}.story-frames span{position:absolute;top:4px;left:5px;color:white;font-size:10px}.storyboard>small{font-size:10px;display:block;margin-block-start:8px;color:var(--v-ui-muted)}#referenceChip{display:flex;align-items:center;gap:8px}#referenceName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px}#mediaSummary{font-size:13px;line-height:1.9}#mediaSummary dt{font-weight:600}#mediaSummary dd{margin:0 0 16px;color:var(--v-ui-muted);overflow-wrap:anywhere}
@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(0,1fr) 272px;gap:16px}.studio-header{flex-direction:column;gap:12px}.studio-badge{max-width:none}.studio-controls{padding:16px}.studio-canvas{height:280px}.studio-templates{gap:8px}.studio-templates img{height:130px}.studio-section-title>span{display:none}}
@media(max-width:850px){.studio-layout{grid-template-columns:1fr}.studio-controls{order:-1}.studio-field textarea{min-height:110px}.studio-controls{grid-template-columns:1fr 1fr}.prompt-field,.reference-box,.studio-price,.studio-generate,.studio-disclaimer{grid-column:1/-1}.studio-settings-grid{display:contents}.studio-controls>.secondary{grid-column:1/-1}.studio-controls>.studio-field:nth-child(2){grid-column:1/-1}}
.studio-canvas>img{width:auto;height:100%;max-width:100%;object-fit:cover}
.image-result{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-start:14px;padding:14px;border:1px solid var(--v-ui-border);border-radius:12px;background:var(--v-ui-surface);font-size:12px}.image-result[hidden]{display:none}.image-result p{margin:0;color:var(--v-ui-muted)}.image-result a{text-decoration:none}#imageReferenceChip{display:flex;align-items:center;gap:8px}#imageReferenceChip[hidden]{display:none}#imageReferenceName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px}
.saved-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-block:14px 28px}.saved-image{min-width:0;display:grid;gap:8px;padding:8px;background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:16px}.saved-image img{display:block;width:100%;height:180px;object-fit:cover;border-radius:10px;background:var(--soft)}.saved-image span{font-size:11px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content>section>h2{font-size:16px;margin-block:12px}
@media(max-width:760px){.content.studio-content{width:calc(100% - 32px)}.studio-header h1{font-size:24px}.studio-header{padding-block:24px}.studio-templates img{height:130px}.studio-templates span{padding:22px 6px 8px;font-size:10px}.studio-canvas{height:280px}.studio-controls{gap:12px}}
.image-reference-list{display:grid;gap:8px}.image-reference-item{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:1px solid var(--v-ui-border);border-radius:10px}.image-reference-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.image-reference-item .icon-button{flex:none}