.music-theme [data-media-category=image] [data-testid=generation-form] .beatmelo-image-fields>div:first-child{display:flex;flex-direction:column;grid-template-columns:minmax(0,1fr)}.music-theme .beatmelo-image-mode-tabs[data-slot=tabs-list]{width:100%;margin:0}.beatmelo-image-reference>p,.beatmelo-image-upload span,.beatmelo-image-prompt-count{color:var(--muted-foreground);font-size:11px}.beatmelo-image-reference>p{margin-top:6px}.beatmelo-image-reference>p:empty{display:none}.beatmelo-image-reference>[role=alert]{color:var(--destructive)}.beatmelo-image-prompt-count{display:block;text-align:right}.beatmelo-image-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.beatmelo-image-previews li{position:relative;width:72px}.beatmelo-image-previews img{width:72px;height:64px;object-fit:cover;border-radius:8px}.beatmelo-image-previews span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.beatmelo-image-previews button{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--foreground);cursor:pointer}.music-theme [data-media-category=image] .beatmelo-image-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(min-width:1024px){.music-shell-workspace .beatmelo-media-generator [data-media-category=image] [data-testid=generation-form]{height:100dvh;overflow:hidden}.music-theme [data-media-category=image] [data-testid=generation-form] fieldset{height:100%;min-height:0}.music-theme [data-media-category=image] .beatmelo-image-fields{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 4px 4px 0}.beatmelo-image-fields>*{flex-shrink:0}.music-theme [data-media-category=image] [data-testid=generation-form] fieldset>.beatmelo-image-output{margin-top:0;flex-shrink:0}.music-theme [data-media-category=image] [data-testid=generation-form] fieldset>div:has(>button[type=submit]){margin-top:0;flex-shrink:0}}@media(max-width:1023px){.music-theme [data-media-category=image] [data-testid=generation-form]{padding-bottom:96px}.music-theme [data-media-category=image] [data-testid=generation-form] fieldset>div:has(>button[type=submit]){position:fixed;inset-inline:0;bottom:0;z-index:30;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px #20180b0a}.shared-music-player-layout[data-player-open=true] [data-media-category=image] [data-testid=generation-form] fieldset>.beatmelo-image-submit{bottom:calc(var(--shared-music-player-height) + env(safe-area-inset-bottom))}}.music-theme [data-media-category=image] [data-testid=generation-form] fieldset>.beatmelo-image-fields{display:flex;flex-direction:column}.beatmelo-video-heading{display:flex;flex-direction:column}.music-theme .beatmelo-video-tabs[data-slot=tabs-list]{display:flex;width:100%}.beatmelo-video-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beatmelo-video-reference{min-width:0}.beatmelo-video-reference>p{font-size:10px;color:var(--muted-foreground);margin-top:6px}.beatmelo-video-reference>[role=alert]{color:var(--destructive)}.beatmelo-video-reference>p:empty{display:none}.beatmelo-video-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.beatmelo-video-previews li{position:relative;width:min(100%,128px);min-width:0}.beatmelo-video-previews img,.beatmelo-video-previews video{width:100%;height:88px;object-fit:cover;border-radius:10px;background:#f2f1ee}.beatmelo-video-previews audio{width:100%;height:40px}.beatmelo-video-previews span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.beatmelo-video-previews button{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:28px;height:28px;background:#fff;border-radius:50%;cursor:pointer}.beatmelo-video-reference-inserts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.beatmelo-video-reference-inserts button{padding:4px 8px;border-radius:6px;background:#f2f1ee;font-size:10px;cursor:pointer}.beatmelo-video-adjustment{display:block;margin-bottom:8px;font-size:10px;color:var(--muted-foreground)}.beatmelo-video-original-sound{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.beatmelo-video-original-sound select{max-width:160px}.music-theme [data-media-category=video] .beatmelo-video-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.music-theme [data-media-category=video] .beatmelo-video-output[data-output-count="1"]{grid-template-columns:minmax(0,1fr)}.music-theme [data-media-category=video] .beatmelo-video-output[data-output-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.beatmelo-video-media-hint{color:var(--muted-foreground);font-size:11px;line-height:1.5;margin-bottom:12px}.beatmelo-video-slots>.beatmelo-video-media-hint{grid-column:1 / -1;margin-bottom:0}.beatmelo-video-output label{font-size:11px}.beatmelo-video-output select{width:100%;min-width:0;margin-top:7px}.beatmelo-video-sound{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:12px}.music-theme [data-testid=generation-form] .beatmelo-video-sound input{accent-color:#ed8c2b;width:16px;height:16px;min-height:0;margin-top:0}.music-theme [data-media-category=video] [data-testid=generation-form] fieldset>.beatmelo-video-fields{display:flex;flex-direction:column}@media(min-width:1024px){.music-shell-workspace .beatmelo-media-generator [data-media-category=video] [data-testid=generation-form]{height:100dvh;overflow:hidden}.music-theme [data-media-category=video] [data-testid=generation-form] fieldset{display:flex;flex-direction:column;height:100%;min-height:0}.music-theme [data-media-category=video] [data-testid=generation-form] fieldset>.beatmelo-video-fields{flex:1;min-height:0;overflow-y:auto;padding:0 0 4px}.beatmelo-video-fields>*{flex-shrink:0}.music-theme [data-media-category=video] .beatmelo-video-output-wrap{flex-shrink:0;margin-top:0}.music-theme [data-media-category=video] [data-testid=generation-form] fieldset>div:has(>button[type=submit]){flex-shrink:0;margin-top:0}}@media(max-width:1023px){.music-theme [data-media-category=video] [data-testid=generation-form] fieldset>.beatmelo-video-fields>.beatmelo-video-heading{display:flex;grid-template-columns:none}.music-theme [data-media-category=video] [data-testid=generation-form]{padding-bottom:100px}.music-theme [data-media-category=video] [data-testid=generation-form] fieldset>.beatmelo-video-submit{position:fixed;inset-inline:0;bottom:0;z-index:30;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px #20180b0a}.shared-music-player-layout[data-player-open=true] [data-media-category=video] [data-testid=generation-form] fieldset>.beatmelo-video-submit{bottom:calc(var(--shared-music-player-height) + env(safe-area-inset-bottom))}}.beatmelo-audio-heading{display:flex;flex-direction:column}.beatmelo-audio-hint{font-size:11px;line-height:1.5;color:var(--muted-foreground)}.beatmelo-audio-options.beatmelo-audio-primary-options{grid-template-columns:minmax(0,1fr)}.beatmelo-audio-role>.speech-voice-field{flex:1;min-width:0}.beatmelo-audio-role .speech-voice-field>.music-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.beatmelo-audio-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5}.music-theme [data-testid=generation-form] .beatmelo-audio-consent input{flex-shrink:0;width:16px;height:16px;min-height:0;margin-top:2px;accent-color:#ed8c2b}.beatmelo-audio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.beatmelo-audio-options>label>span{display:flex!important;justify-content:space-between;font-size:inherit}.beatmelo-audio-roles,.beatmelo-audio-turns{display:flex;flex-direction:column;gap:10px}.beatmelo-audio-role{display:flex;gap:8px;align-items:center;font-size:11px}.beatmelo-audio-role>button:first-of-type{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:0 0 32px;padding:10px;border-radius:10px;background:#f2f1ee;font-size:11px;cursor:pointer}.beatmelo-audio-role>button:last-child,.beatmelo-audio-turn-heading>button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;cursor:pointer}.beatmelo-audio-role button:disabled,.beatmelo-audio-add:disabled,.beatmelo-audio-turn button:disabled{opacity:.4;cursor:default}.beatmelo-audio-add{display:flex;align-items:center;gap:6px;align-self:flex-start;min-height:32px;font-size:12px;color:var(--primary-ink);cursor:pointer}.beatmelo-audio-turn-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:8px}.beatmelo-audio-turn-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted-foreground)}.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset>.beatmelo-audio-fields{display:flex;flex-direction:column}@media(min-width:1024px){.music-shell-workspace .beatmelo-media-generator [data-media-category=audio] [data-testid=generation-form]{height:100dvh;overflow:hidden}.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset{display:flex;flex-direction:column;height:100%;min-height:0}.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset>.beatmelo-audio-fields{flex:1;min-height:0;overflow-y:auto;padding:0 0 4px}.beatmelo-audio-fields>*{flex-shrink:0}.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset>div:has(>button[type=submit]){flex-shrink:0;margin-top:0}}@media(max-width:1023px){.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset>.beatmelo-audio-fields>.beatmelo-audio-heading{display:flex;grid-template-columns:none}.music-theme [data-media-category=audio] [data-testid=generation-form]{padding-bottom:100px}.music-theme [data-media-category=audio] [data-testid=generation-form] fieldset>.beatmelo-audio-submit{position:fixed;inset-inline:0;bottom:0;z-index:30;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px #20180b0a}.shared-music-player-layout[data-player-open=true] [data-media-category=audio] [data-testid=generation-form] fieldset>.beatmelo-audio-submit{bottom:calc(var(--shared-music-player-height) + env(safe-area-inset-bottom))}}.gemini-speech-speakers,.gemini-speech-turns{display:flex;flex-direction:column;gap:18px}.gemini-speech-speaker{min-width:0;display:flex;flex-direction:column;gap:14px}.gemini-speech-speaker-heading,.gemini-speech-turn-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.gemini-speech-turn-heading{display:grid;grid-template-columns:minmax(0,1fr) auto}.gemini-speech-speaker-heading strong{font-size:13px;font-weight:500}.gemini-speech-speaker-heading button,.gemini-speech-turn-heading button,.gemini-speech-file button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;cursor:pointer;flex-shrink:0}.gemini-speech-recordings{display:grid;gap:14px}.gemini-speech-upload{min-width:0}.gemini-speech-upload input[type=file]{max-width:100%}.gemini-speech-upload audio{display:block;width:100%;height:36px;margin-top:8px}.gemini-speech-hint,.gemini-speech-upload>[role=alert]{font-size:11px;line-height:1.5;margin-top:6px}.gemini-speech-hint{color:var(--muted-foreground)}.gemini-speech-upload>[role=alert]:empty{display:none}.gemini-speech-consent-statement{padding:12px;border-radius:12px;background:#f2f1ee;font-size:11px;line-height:1.6}.gemini-speech-consent-statement>span{display:block;color:var(--muted-foreground);margin-bottom:5px}.gemini-speech-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5}.music-theme [data-testid=generation-form] .gemini-speech-consent input{width:16px;height:16px;min-height:0;margin-top:2px;flex-shrink:0;accent-color:#ed8c2b}.gemini-speech-add{display:flex;align-items:center;gap:6px;align-self:flex-start;min-height:32px;color:var(--primary-ink);font-size:12px;cursor:pointer}.gemini-speech-add:disabled,.gemini-speech-speaker button:disabled,.gemini-speech-turns button:disabled{opacity:.4;cursor:default}.gemini-speech-count{margin-left:auto;font-size:10px;color:var(--muted-foreground)}.gemini-speech-turn-heading{margin-bottom:8px}.gemini-speech-turn-heading>select{max-width:160px}.gemini-speech-file{display:flex;align-items:center;gap:8px;margin-top:6px}.gemini-speech-file>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:11px}.speech-voice-field{display:grid;gap:8px;min-width:0}.speech-voice-field-row{position:relative;min-width:0}.speech-voice-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:10px 12px 10px 58px;border:1px solid transparent;border-radius:8px;background:var(--beatmelo-field-surface, var(--muted));color:var(--muted-foreground);cursor:pointer;text-align:left;font-size:14px;font-weight:400;line-height:22px}.speech-voice-open>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speech-voice-open small{display:block;color:var(--muted-foreground);font-size:10px;margin-top:3px}.speech-voice-open>svg{flex-shrink:0}.speech-voice-field-row[data-selected=true] .speech-voice-open{color:var(--foreground)}.speech-voice-field-play{position:absolute;left:4px;top:4px}.speech-voice-field-play:has([data-failed=true]){right:36px;bottom:4px}.speech-voice-preview-error{position:absolute;left:54px;right:0;bottom:4px;color:var(--destructive);font-size:9px;white-space:nowrap}.speech-voice-field-row:has([data-failed=true]) .speech-voice-open>span{transform:translateY(-6px)}.speech-voice-field-row[data-disabled=true]{opacity:.5}.speech-voice-field-row[data-disabled=true] button{cursor:default}.speech-voice-dialog.speech-voice-dialog{display:flex;flex-direction:column;gap:16px;width:min(600px,calc(100vw - 32px));max-width:min(600px,calc(100vw - 32px));max-height:min(800px,90dvh);padding:24px;background:var(--background);overflow:hidden}.speech-voice-dialog [data-slot=dialog-header]{gap:6px;padding-right:20px}.speech-voice-dialog [data-slot=dialog-title]{font-size:21px;font-weight:600;line-height:1.25}.speech-voice-dialog [data-slot=dialog-description]{font-size:12px}.speech-voice-tabs{width:fit-content}.speech-voice-filters{display:flex;flex-wrap:wrap;gap:8px}.speech-voice-filters>label{min-width:0;flex:1 1 100px}.speech-voice-filters .speech-voice-search{flex:2 1 150px}.speech-voice-filters input,.speech-voice-filters select{width:100%;min-height:42px;border:1px solid transparent;border-radius:7px;background:var(--muted);padding:8px 10px;font-size:12px}.speech-voice-count{margin:-5px 0;color:var(--muted-foreground);font-size:11px}.speech-voice-list{min-width:0;min-height:90px;max-height:48dvh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:2px}.speech-voice-row{display:grid;flex-shrink:0;grid-template-columns:44px minmax(0,1fr) minmax(90px,125px) 22px;gap:10px;align-items:center;min-height:72px;padding:10px;border:1px solid var(--border);border-radius:9px}.speech-voice-row[data-selected=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--background))}.speech-voice-preview{display:contents}.speech-voice-preview audio{display:none}.speech-voice-play{grid-column:1;grid-row:1;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--foreground);cursor:pointer}.speech-voice-play:hover:not(:disabled){border-color:var(--primary);color:var(--primary-ink)}.speech-voice-play[aria-pressed=true]{border-color:var(--beatmelo-cta-orange);background:var(--beatmelo-cta-orange);color:#24180f}.speech-voice-play:disabled{opacity:.35;cursor:default}.speech-voice-preview[data-failed=true] .speech-voice-play{border-color:var(--destructive);color:var(--destructive)}.speech-voice-sample{grid-column:3;grid-row:1;z-index:1;display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px;pointer-events:none}.speech-voice-sample span{font-size:10px;line-height:1.35;color:var(--muted-foreground);text-align:right;overflow-wrap:anywhere}.speech-voice-preview[data-failed=true] .speech-voice-sample span{color:var(--destructive)}.speech-voice-sample progress{display:block;width:100%;height:3px;border:0;border-radius:4px;appearance:none;background:var(--border);color:var(--primary)}.speech-voice-sample progress::-webkit-progress-bar{background:var(--border);border-radius:4px}.speech-voice-sample progress::-webkit-progress-value{background:var(--primary);border-radius:4px}.speech-voice-sample progress::-moz-progress-bar{background:var(--primary);border-radius:4px}.speech-voice-select{grid-column:2 / -1;grid-row:1;display:grid;grid-template-columns:subgrid;align-items:center;min-width:0;min-height:48px;gap:10px;text-align:left;cursor:pointer}.speech-voice-select>span:first-child{grid-column:1;display:grid;gap:4px;min-width:0}.speech-voice-select strong{font-size:13px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}.speech-voice-select small{color:var(--muted-foreground);font-size:10px;line-height:1.4;overflow-wrap:anywhere}.speech-voice-check{grid-column:3;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--muted-foreground) 60%,transparent);border-radius:50%}.speech-voice-row[data-selected=true] .speech-voice-check{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.speech-voice-footer{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:16px;margin-top:auto}.speech-voice-footer>div{display:grid;gap:4px;min-width:0}.speech-voice-footer strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.speech-voice-footer span,.speech-voice-footer output{color:var(--muted-foreground);font-size:10px;line-height:1.4}.speech-voice-confirm.beatmelo-cta{min-height:44px;padding:10px 20px;font-size:12px}.speech-voice-cancel{min-height:44px;color:var(--muted-foreground);font-size:12px;cursor:pointer}.speech-voice-empty{padding:22px 8px;text-align:center;font-size:12px;color:var(--muted-foreground)}.speech-voice-link,.speech-voice-upload{min-height:44px;color:var(--primary-ink);font-size:12px;cursor:pointer}.speech-voice-upload{display:flex;align-items:center;gap:7px;align-self:flex-start}.speech-voice-upload:disabled{opacity:.5;cursor:default}.speech-saved-voice{flex-shrink:0}.speech-voice-actions,.speech-voice-rename>div{display:flex;justify-content:flex-end;gap:20px;padding-inline:10px}.speech-voice-actions button,.speech-voice-rename button{min-height:44px;cursor:pointer;font-size:11px;color:var(--primary-ink)}.speech-voice-actions button:last-child{color:var(--destructive)}.speech-voice-actions button:disabled,.speech-voice-rename button:disabled{opacity:.45;cursor:default}.speech-voice-rename{display:grid;gap:8px;padding:8px 10px 0;font-size:12px}.speech-voice-rename input{min-height:44px}.speech-saved-voice>[role=alert]{padding:4px 10px;font-size:12px}@media(min-width:1024px){.speech-voice-dialog.speech-voice-dialog{width:min(760px,calc(100vw - 64px));max-width:min(760px,calc(100vw - 64px));padding:28px;gap:20px}.speech-voice-dialog [data-slot=dialog-title]{font-size:24px;letter-spacing:-.6px}.speech-voice-dialog [data-slot=dialog-description]{font-size:13px}.speech-voice-filters .speech-voice-search{order:-1}.speech-voice-select strong{font-size:14px;font-weight:500}.speech-voice-select small{font-size:12px}.speech-voice-sample span,.speech-voice-footer span{font-size:11px}.speech-voice-footer strong{font-size:13px}}@media(max-width:540px){.speech-voice-dialog.speech-voice-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);padding:16px 12px;gap:14px}.speech-voice-row{grid-template-columns:44px minmax(0,1fr) 76px 20px;gap:8px;padding:8px;min-height:72px}.speech-voice-select{gap:8px}.speech-voice-select strong{font-size:12px}.speech-voice-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-top:12px}.speech-voice-footer>div{grid-column:1 / -1}.speech-voice-cancel{justify-self:start}.speech-voice-confirm{min-width:160px}.speech-voice-list{max-height:50dvh}}
