.studio-reference-editor{min-width:0;color:var(--mw-text);font-size:14px}.studio-reference-inputs{gap:24px;padding:12px 0 24px;display:grid}.studio-reference-inputs--motion{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.studio-reference-inputs h3{color:var(--mw-text);margin:0 0 14px;font-size:14px;font-weight:600;line-height:20px}.studio-reference-images>p{color:var(--mw-brand);margin:0 0 16px;font-size:13px;line-height:20px}.studio-reference-image-list{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.studio-reference-add{border:1px dashed var(--mw-border);color:var(--mw-muted);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:border-color .16s,background .16s;display:flex}.studio-reference-add:hover{border-color:var(--mw-brand);background:var(--mw-field);color:var(--mw-text)}.studio-reference-add--video{aspect-ratio:16/9;width:100%;min-height:182px}.studio-reference-add--image{width:90px;min-height:140px;font-size:12px}.studio-reference-card{flex:none;width:104px;min-width:0}.studio-reference-card--video{width:100%;margin-bottom:12px}.studio-reference-card__preview{background:var(--mw-field);border-radius:12px;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.studio-reference-card__preview>img,.studio-reference-card__preview>video{object-fit:contain;width:100%;height:100%;display:block}.studio-reference-card--video .studio-reference-card__preview{aspect-ratio:16/9;background:#0a0a0a;height:auto;min-height:182px}.studio-reference-card__preview .studio-reference-card__remove{top:6px;color:#fff;z-index:1;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;inset-inline-end:6px}.studio-reference-card__caption{color:var(--mw-muted);flex-wrap:wrap;justify-content:space-between;gap:2px 6px;padding-top:8px;font-size:12px;display:flex}.studio-reference-card__caption>button{color:var(--mw-secondary);text-underline-offset:3px;text-decoration:underline}.studio-reference-card__status{color:#fff;background:#0008;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-reference-audio{grid-column:1/-1;gap:12px;display:flex}.studio-reference-compact-add{color:var(--mw-muted);background:var(--mw-field);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:inline-flex}.studio-reference-prompt-header{border-top:1px solid var(--mw-border);color:var(--mw-secondary);justify-content:space-between;align-items:center;gap:16px;padding:10px 0 14px;font-size:13px;display:flex}.studio-reference-prompt-header>button:hover{color:var(--mw-brand)}.studio-reference-prompt{min-width:0;position:relative}.studio-reference-prompt__input{min-height:100px;max-height:240px;color:var(--mw-text);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;outline:none;padding:3px 0 14px;font-size:15px;line-height:2;overflow-y:auto}.studio-reference-prompt.is-expanded .studio-reference-prompt__input{min-height:280px;max-height:60dvh}.studio-reference-prompt__input:empty:before{content:attr(data-placeholder);color:var(--mw-muted);pointer-events:none}.studio-reference-token{border:1px solid color-mix(in srgb, var(--mw-brand) 30%, transparent);color:var(--mw-brand);background:var(--mw-brand-soft,var(--mw-field));white-space:nowrap;border-radius:6px;padding:2px 5px;font-size:.92em;font-weight:600;display:inline}.studio-reference-insert{min-height:30px;color:var(--mw-muted);flex-wrap:wrap;align-items:center;gap:7px;padding:4px 0 12px;font-size:12px;display:flex}.studio-reference-insert>button{color:var(--mw-secondary);background:var(--mw-field);border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.studio-reference-insert>button>img{object-fit:cover;border-radius:4px;width:22px;height:22px}.studio-reference-insert>small{white-space:nowrap;margin-inline-start:auto;font-size:11px}.studio-reference-mentions{z-index:20;inset-inline-start:0;border:1px solid var(--mw-border);width:min(100%,300px);max-height:230px;color:var(--mw-text);background:var(--mw-panel);border-radius:12px;padding:6px;position:absolute;bottom:10px;overflow-y:auto;box-shadow:0 12px 40px #0003}.studio-reference-mentions>button{text-align:start;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.studio-reference-mentions>button[aria-selected=true]{background:var(--mw-field)}.studio-reference-mentions img{object-fit:cover;border-radius:4px;width:30px;height:30px}.studio-reference-mentions small{color:var(--mw-muted);margin-inline-start:auto;font-size:11px}.studio-reference-editor button:focus-visible{outline:2px solid var(--mw-brand);outline-offset:3px}.studio-reference-notice{border:1px solid var(--mw-border);color:var(--mw-brand);background:var(--mw-panel);border-radius:12px;justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.studio-reference-notice>button{text-underline-offset:3px;text-decoration:underline}@media (max-width:767px){.studio-reference-inputs--motion{grid-template-columns:minmax(0,1fr);gap:18px}.studio-reference-add--video,.studio-reference-card--video .studio-reference-card__preview{min-height:150px;max-height:220px}.studio-reference-card,.studio-reference-add--image{width:88px}.studio-reference-card--video{width:100%}.studio-reference-card__preview,.studio-reference-add--image{height:118px;min-height:118px}.studio-reference-prompt__input{font-size:16px}}.studio-reference-composer.mw-hero-composer{border:1px solid var(--mw-border);background:var(--mw-panel);border-radius:20px;overflow:visible}.studio-reference-composer .mw-hero-tab-bar{border-bottom:1px solid var(--mw-border);align-items:center;padding:0 20px}.studio-reference-composer .mw-hero-media-tabs{background:0 0;border-radius:0;overflow:visible}.studio-reference-composer .mw-hero-tab-bar .mw-hero-media-tab{background:0 0;min-height:58px;padding-inline:12px;position:relative}.studio-reference-composer .mw-hero-media-tab[aria-selected=true]:after{inset-inline:12px;background:var(--mw-brand);content:"";border-radius:3px;height:3px;position:absolute;bottom:0}.studio-reference-composer .mw-hero-composer__surface{border-radius:0 0 20px 20px;padding:20px 24px 24px}.studio-reference-composer .mw-hero-generate{border-radius:12px;min-height:44px;padding-inline:16px}@media (max-width:767px){.studio-reference-composer .mw-hero-tab-bar{padding-inline:8px}.studio-reference-composer .mw-hero-tab-bar .mw-hero-media-tab{min-height:48px;padding-inline:8px}.studio-reference-composer .mw-hero-composer__surface{padding:14px}.studio-reference-composer .mw-hero-media-tabs{overflow-x:auto}}
