[data-composer-design=compact][data-composer-kind][data-test]{container-type:inline-size;--composer-source-size:100px;min-width:0;padding:18px 20px 12px;border:1px solid #b79cff30;border-radius:18px;background:#2b2335;color:#f6f2fb;box-shadow:none;.studio-composer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0;border-bottom:1px solid #ffffff0d;font-size:14px;font-weight:600;line-height:1.4}.composer-categories{display:flex;align-items:stretch;gap:18px;min-width:0;margin:0;padding:0;border:0}.composer-category{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 2px 14px;border:0;border-radius:3px;background:transparent;color:#a99db2;font:inherit;white-space:nowrap}.composer-category[aria-pressed=true]{color:#f6f2fb}.composer-category[aria-pressed=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#b79cff;content:""}.composer-category:focus-visible{outline:2px solid #b79cff;outline-offset:3px}.composer-category:disabled{cursor:not-allowed}.composer-coming-soon{padding:2px 5px;border-radius:4px;background:#ffffff0b;font-size:10px;font-weight:400;line-height:1.2}.composer-private{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding-bottom:14px;font-size:11px;font-weight:400;color:#b8adbf}.studio-composer-inputs{display:block;padding:0;background:none}:is(.studio-prompt,[data-test=landing-composer-inputs]){display:grid;grid-template-columns:var(--composer-source-size) minmax(0,1fr);grid-template-rows:minmax(128px,1fr) auto;grid-template-areas:"source prompt" "source ideas";align-items:start;gap:4px 20px;width:100%;margin:0;padding:0;border-radius:0;background:none}.studio-prompt>*{margin-block:0}:is(.composer-prompt-field,[data-test=landing-prompt-panel]){grid-area:prompt;position:relative;min-width:0;width:100%;border-radius:8px;background:none;box-shadow:none}:is(.composer-prompt-field label,.landing-prompt-label,.landing-source-label,.composer-reference-actions h2,.composer-upload-hint,.composer-model-field>.image-edit-control-label){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.composer-prompt-label>span{position:absolute;right:8px;bottom:0;font-size:10px}:is(.studio-prompt textarea,[data-test=landing-prompt-panel] textarea){box-sizing:border-box;width:100%;min-height:128px;margin:0;padding:4px 8px 24px;border:0;border-radius:8px;background:transparent;color:#f6f2fb;font-size:16px;line-height:1.7;resize:vertical;box-shadow:none}textarea::placeholder{color:#a99db2}textarea:focus-visible{outline:1px solid #b79cff60;outline-offset:0}:is(.studio-source,[data-test=landing-source-panel]){grid-area:source;position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.studio-source>*{margin-block:0}.composer-reference-actions{position:static;order:2;display:flex;justify-content:center;margin:0;padding:0}.composer-reference-actions a{min-height:28px;width:auto;margin:0;padding:4px 3px;border:0;font-size:10px;font-weight:400;color:#b8adbf}:is(.studio-upload:not([hidden]),[data-reference-upload]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:112px;margin:0;padding:10px 6px;border:1px dashed #b79cff50;border-radius:10px;background:#ffffff03;color:#d5c9e3;font-size:11px;line-height:1.5;text-align:center}.studio-upload input[type=file]{position:absolute}.studio-upload>svg{flex-shrink:0;width:24px;height:24px;margin:0}.studio-upload p{margin:0}.composer-uploader>ul:empty{display:none}.composer-uploader li{font-size:10px;overflow-wrap:anywhere}.composer-uploader li p{font-size:10px}[data-reference-preview]{position:relative;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;background:none}[data-reference-preview] .composer-reference-image{width:100%;height:var(--composer-source-size);min-height:0;margin:0;border-radius:10px}.composer-reference-status{margin:0;text-align:center}.composer-reference-status p{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.composer-remove-reference{position:absolute;top:-6px;right:-6px;width:28px;min-height:28px;height:28px;margin:0;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#211a2a;color:#f6f2fb}.landing-reference-empty{display:flex;flex-direction:column;gap:8px}.landing-reference-empty>span:first-child{width:24px;height:24px;background:none;border:0;box-shadow:none}.landing-reference-empty>span:nth-child(2){font-size:11px;font-weight:500}.landing-reference-empty>span:last-child{display:none}[data-source-selected=true]>button[aria-label]:not([data-reference-upload]){top:-6px;right:-6px;width:28px;height:28px}[data-source-selected=true] [data-reference-upload]{height:112px}[data-reference-upload] img{object-fit:contain}[data-reference-upload]>span:last-child:not(.landing-reference-empty){font-size:10px;padding:4px}.composer-prompt-ideas{grid-area:ideas;justify-self:end;margin:0;border:0;background:none}.composer-ideas-trigger{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:0;border-radius:6px;background:none;color:#b8adbf;font-size:11px}.composer-ideas-trigger:hover{background:#ffffff08;color:#e5dbea}:is(.studio-composer-controls,[data-test=landing-controls-panel]){display:grid;grid-template-columns:minmax(0,max-content) minmax(0,max-content) 1fr;align-items:center;gap:8px;margin:14px 0 0;padding:0;border:0}.image-edit-control-field{display:block;min-width:0}.composer-model-field{max-width:240px}.composer-model-field>button,[data-presentation=composer]{max-width:100%;min-height:38px;padding:8px 11px;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff09;font-size:12px;line-height:1.5}[data-presentation=composer]{gap:7px}[data-presentation=composer]>span{min-width:0}[data-presentation=composer]>span:not(:first-child){overflow:hidden;text-overflow:ellipsis}:is(.studio-submit,[data-test=landing-generate]){justify-self:end;width:auto;min-height:40px;height:auto;margin:0;padding:9px 15px;border-radius:9px;background:#7859dc;color:#fff;font-size:13px;font-weight:600;line-height:1.5;white-space:normal}:is(.studio-submit,[data-test=landing-generate]):not(:disabled):hover{background:#7252d1}.composer-submit-cost{margin-left:8px;padding-left:8px;border-left:1px solid #ffffff40;font-size:11px;font-weight:400;white-space:nowrap}.composer-meta{display:flex;margin:6px 0 0;padding:0}.composer-meta>details{margin:0;font-size:10px;color:#a99db2}.composer-meta summary{padding-block:4px}:is(button,summary,a):focus-visible{outline:2px solid #b79cff;outline-offset:3px}}@container (max-width: 600px){[data-composer-design=compact][data-composer-kind][data-test]{:is(.studio-prompt,[data-test=landing-composer-inputs]){--composer-source-size:80px;gap:4px 12px}:is(.studio-composer-controls,[data-test=landing-controls-panel]){grid-template-columns:minmax(0,1fr) minmax(0,max-content)}.composer-model-field{max-width:none}.composer-model-field>button{width:100%}:is(.studio-submit,[data-test=landing-generate]){grid-column:1/-1;width:100%;min-height:44px;margin-top:2px}}}@container (max-width: 300px){[data-composer-design=compact][data-composer-kind][data-test]{.composer-categories{gap:12px}.composer-category{font-size:13px}.composer-coming-soon{font-size:9px}.composer-private-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.studio-composer-controls,[data-test=landing-controls-panel]){grid-template-columns:minmax(0,1fr)}.composer-output-field>button{width:100%;justify-content:center}}}@media (max-width:767px){[data-composer-design=compact][data-composer-kind][data-test]{padding:16px 14px 10px;border-radius:16px}}