.mw-hero-composer{width:100%;min-width:0;color:var(--mw-secondary,#ffffffe0);font-family:var(--mw-font,inherit);font-size:14px;line-height:20px}.mw-hero-composer__surface{padding:var(--mw-space-3,12px);border-radius:0 var(--mw-radius,8px) var(--mw-radius,8px);background:var(--mw-panel,#111);border:0}.mw-hero-composer__surface>[role=tabpanel]{gap:var(--mw-space-3,12px);flex-direction:column;min-width:0;display:flex}.mw-hero-composer .hero-generator-controls{min-width:0;padding:0}.mw-hero-composer .hero-generator-controls__row{align-items:center;gap:var(--mw-space-2,8px);flex-wrap:nowrap;min-width:0;display:flex}.mw-hero-composer .hero-generator-controls__actions{align-items:center;gap:var(--mw-space-2,8px);flex:none;min-width:0;margin-inline-start:auto;display:flex}.mw-hero-generate{justify-content:center;align-items:center;gap:var(--mw-space-2,8px);border-radius:var(--mw-radius-sm,6px);background:var(--mw-brand,var(--primary));height:32px;color:var(--primary-foreground,#fff);font:inherit;white-space:nowrap;border:0;flex:none;padding:6px 12px;font-weight:600;display:inline-flex}.mw-hero-generate:hover:enabled{filter:brightness(1.1)}.mw-hero-generate:disabled{cursor:not-allowed;opacity:.6}.mw-hero-generate:focus-visible{outline:2px solid var(--mw-brand,var(--primary));outline-offset:2px}.mw-hero-generate__quote{font-variant-numeric:tabular-nums;border-inline-start:1px solid #ffffff40;align-items:center;gap:4px;padding-inline-start:8px;display:inline-flex}.mw-hero-generate__quote>svg{flex:none}.mw-hero-generate__compact-label{display:none}@media (max-width:767px){.mw-hero-composer[data-mobile-docked=true] .mw-hero-composer__surface{border-radius:0 var(--mw-radius,8px) 0 0}.mw-hero-generate{height:44px;padding-inline:12px}.mw-hero-generate__label{display:none}.mw-hero-generate__compact-label{display:inline}}
.mw-hero-tab-bar{justify-content:space-between;align-items:flex-end;gap:var(--mw-space-2,8px);width:100%;min-width:0;color:var(--mw-secondary,#ffffffe0);font-family:var(--mw-font,inherit);border:0;padding:0;display:flex}.mw-hero-media-tabs{border-radius:var(--mw-radius-md,12px) var(--mw-radius-md,12px) 0 0;background:var(--mw-field,#ffffff14);scrollbar-width:none;align-items:stretch;gap:0;width:fit-content;min-width:0;display:flex;overflow-x:auto}.mw-hero-media-tabs::-webkit-scrollbar{display:none}.mw-hero-tab-bar .mw-hero-media-tab{justify-content:center;align-items:center;gap:var(--mw-space-2,8px);min-height:34px;color:var(--mw-muted,#ffffff8f);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.mw-hero-media-tab>svg{flex-shrink:0;width:18px;height:18px}.mw-hero-media-tab[aria-selected=true]{color:var(--mw-text,#fff);background:var(--mw-brand-soft,color-mix(in srgb, var(--primary) 16%, transparent))}.mw-hero-media-tab:hover{color:var(--mw-text,#fff)}.mw-hero-tab-bar .mw-hero-explore-trigger{justify-content:center;align-items:center;gap:var(--mw-space-2,8px);border-radius:var(--mw-radius,8px);min-height:34px;color:var(--mw-secondary,#ffffffe0);background:var(--mw-field,#ffffff14);box-shadow:none;border:0;flex-shrink:0;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.mw-hero-explore-trigger>svg{width:18px;height:18px}.mw-hero-explore-trigger:hover{color:var(--mw-text,#fff);background:var(--mw-hover,#ffffff29)}.mw-hero-explore-trigger[aria-expanded=true]{color:var(--mw-text,#fff);background:var(--mw-brand-soft,color-mix(in srgb, var(--primary) 16%, transparent))}.mw-hero-tab-bar button:focus-visible{outline:2px solid var(--mw-brand,var(--primary));outline-offset:-2px}.mw-hero-prompt-editor{min-width:0;min-height:96px;color:var(--mw-secondary,#ffffffe0);font-family:var(--mw-font,inherit);flex-direction:column;padding:0;font-size:14px;font-weight:400;line-height:20px;display:flex;position:relative}.mw-hero-prompt-editor__body{align-items:flex-start;gap:var(--mw-space-2,8px);flex:1;min-width:0;min-height:96px;display:flex}.mw-hero-uploads{align-items:flex-start;gap:var(--mw-space-2,8px);flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:280px;display:flex}.mw-hero-upload{width:52px;min-width:0;color:var(--mw-muted,#ffffff8f);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mw-hero-upload__preview{width:100%;position:relative}.mw-hero-upload .mw-hero-upload__choose{border-radius:var(--mw-radius,8px);width:52px;height:70px;color:var(--mw-muted,#ffffff8f);background:var(--mw-field,#ffffff14);box-shadow:none;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;transform:none}.mw-hero-upload__choose>svg{width:24px;height:24px}.mw-hero-upload__choose:hover{color:var(--mw-text,#fff);background:var(--mw-hover,#ffffff29)}.mw-hero-upload[data-status=error] .mw-hero-upload__choose{outline:1px solid var(--destructive,var(--mw-brand,var(--primary)))}.mw-hero-upload__label{max-width:100%;color:var(--mw-muted,#ffffff8f);text-align:center;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:16px}.mw-hero-upload__label em{color:var(--mw-brand,var(--primary));font-style:normal}.mw-hero-upload__hover,.mw-hero-upload__state{color:var(--mw-secondary,#ffffffe0);background:var(--mw-overlay,#0000008f);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mw-hero-upload__hover{opacity:0}.mw-hero-upload__choose:hover .mw-hero-upload__hover{opacity:1}.mw-hero-upload__state--error{color:var(--mw-text,#fff);background:color-mix(in srgb, var(--destructive,var(--primary)) 60%, #000);font-size:12px;line-height:16px}.mw-hero-upload__kind{bottom:4px;right:auto;border-radius:var(--mw-radius-xs,4px);color:var(--mw-text,#fff);background:var(--mw-overlay,#0000008f);padding:3px;position:absolute;inset-inline-end:4px}.mw-hero-upload__audio{max-width:100%;color:var(--mw-secondary,#ffffffe0);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.mw-hero-upload__audio>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding-inline:2px;font-size:10px;line-height:14px;display:-webkit-box;overflow:hidden}.mw-hero-upload .mw-hero-upload__remove{z-index:1;top:-4px;width:20px;height:20px;color:var(--mw-text,#fff);background:var(--mw-card,#1f1f1f);opacity:0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:-4px}.mw-hero-upload:hover .mw-hero-upload__remove,.mw-hero-upload:focus-within .mw-hero-upload__remove{opacity:1}.mw-hero-prompt-editor__field{flex-direction:column;flex:1;align-self:stretch;min-width:0;display:flex}.mw-hero-prompt-editor .mw-hero-prompt-editor__input{width:100%;min-width:0;height:88px;min-height:88px;max-height:20svh;color:var(--mw-secondary,#ffffffe0);letter-spacing:normal;resize:none;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;display:block;overflow-y:auto}.mw-hero-prompt-editor__input::placeholder{color:var(--mw-faint,#fff6)}.mw-hero-prompt-editor .mw-hero-prompt-editor__input:focus-visible{box-shadow:none;outline:0}.mw-hero-prompt-editor__helper,.mw-hero-prompt-editor__count{color:var(--mw-muted,#ffffff8f);margin:4px 0 0;font-size:12px;line-height:16px}.mw-hero-prompt-editor__count{font-variant-numeric:tabular-nums;align-self:flex-end}.mw-hero-upload button:focus-visible{outline:2px solid var(--mw-brand,var(--primary));outline-offset:2px}@media (max-width:767px){.mw-hero-prompt-editor__body{flex-direction:column}.mw-hero-uploads{scrollbar-width:none;flex-wrap:nowrap;width:100%;max-width:none;padding-block:4px;overflow-x:auto}.mw-hero-upload{width:44px}.mw-hero-upload .mw-hero-upload__choose{width:44px;height:56px}.mw-hero-prompt-editor__field{width:100%}.mw-hero-prompt-editor .mw-hero-prompt-editor__input{height:64px;min-height:64px}}@media (hover:none){.mw-hero-upload .mw-hero-upload__remove{opacity:1}}