/* Music-video workspace and character extensions; unrelated composer styles stay intact. */
.iamai-quick-starts .qs-modal[data-type="music-video"] { width:min(1330px,calc(100vw - 40px)); max-width:1330px; max-height:calc(100dvh - 40px); padding:0; overflow:auto; border:1px solid #189eff; border-radius:28px; background:radial-gradient(ellipse at 15% 60%,#08246480,transparent 60%),#060f25; box-shadow:0 25px 90px #0008; }
.qs-modal[data-type="music-video"] > header { position:sticky; top:0; z-index:10; height:0; padding:0; display:block; }
.qs-modal[data-type="music-video"] > header > div { display:none; }
.iamai-quick-starts .qs-modal[data-type="music-video"] .qs-close { position:absolute; right:12px; top:12px; width:42px; height:42px; border:1px solid #4268ae; color:white; background:#132346ed; }
.qs-modal[data-type="music-video"] .qs-modal-body { padding:0; }
.mv-workspace { display:grid; grid-template-columns:55% 45%; color:#f5f6ff; text-align:left; }
.mv-workspace *, .creative-character-dialog * { box-sizing:border-box; }
.mv-workspace [hidden],.creative-character-dialog [hidden],.studio-library [hidden] { display:none!important; }
.mv-preview { min-width:0; text-align:center; padding:28px 28px 24px; border-right:1px solid #15346b; }
.mv-wordmark { display:flex; align-items:center; justify-content:center; gap:13px; color:#99c2ff; letter-spacing:.2em; font-size:13px; margin:0 0 15px; }
.mv-wordmark img { width:34px; height:43px; }
.iamai-quick-starts .mv-preview h2 { font-size:clamp(28px,3.2vw,46px); margin:0 0 3px; line-height:1.2; letter-spacing:-.035em; }
.mv-preview h2 span { background:linear-gradient(110deg,#25bdff,#057aff 55%,#6b33ff); background-clip:text; color:transparent; }
.mv-subtitle { color:#a8caff; font-size:19px; margin:0; }
.mv-carousel { display:flex; align-items:center; justify-content:center; gap:clamp(15px,4vw,56px); margin:19px 0 23px; }
.mv-video-wrap { position:relative; aspect-ratio:9/16; width:min(100%,290px); min-width:0; overflow:hidden; border:1px solid #2ebaff; border-radius:18px; background:#03091a; }
.mv-video-wrap video { display:block; width:100%; height:100%; object-fit:cover; }
.mv-example { position:absolute; top:14px; left:14px; background:#071028cf; color:white; border:1px solid #42618a; border-radius:20px; font-size:12px; padding:6px 14px; pointer-events:none; }
.iamai-quick-starts .mv-nav { flex-shrink:0; width:52px; height:52px; border-radius:50%; border:1px solid #527ec4; background:linear-gradient(135deg,#213e73,#0e1933); color:white; font-size:23px; }
.mv-tabs { display:flex; align-items:center; justify-content:center; gap:11px; }
.iamai-quick-starts .mv-tabs button { padding:11px 21px; border:1px solid #45649f; border-radius:30px; color:#fff; background:#080f26; font-weight:650; font-size:14px; }
.iamai-quick-starts .mv-tabs button[aria-selected="true"] { background:linear-gradient(#008aff,#0051f5); border-color:#52b6ff; box-shadow:0 0 20px #005aff40; }
.mv-helper { font-size:15px; margin-top:12px; }
.iamai-quick-starts .mv-auto { font-size:11px; padding:5px 12px; border:1px solid #2d4979; background:#0c1b38; border-radius:20px; color:#a9c9fc; margin-top:11px; }
.mv-playback-status { font-size:12px; color:#bad0f6; margin:6px 0; }
.mv-note { color:#809bc9; font-size:11px; line-height:1.5; margin:8px 0 0; }
.mv-form { display:flex; flex-direction:column; min-height:100%; gap:29px; padding:48px 32px 28px; }
.mv-field { min-width:0; }
.iamai-quick-starts .mv-field h3,.mv-field > label { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:650; margin:0 0 15px; color:#f5f6ff; }
.mv-field h3 > i,.mv-field > label > i { color:#039aff; font-size:27px; }
.mv-field h3 small,.mv-field > label small { font-size:12px; padding:5px 10px; background:#1b294d; color:#b9cefc; border-radius:10px; font-weight:400; white-space:nowrap; }
.mv-character-choices { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.iamai-quick-starts .mv-character-choices button { min-height:138px; border:1px dashed #267ccd; border-radius:16px; background:linear-gradient(115deg,#15243c,#09152d); color:#b7cdff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; font-weight:600; font-size:15px; }
.mv-character-choices button i { display:grid; place-items:center; width:62px; height:62px; border-radius:50%; background:#1b2f58; font-size:30px; }
.mv-character-choices > span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#1b305a; color:#c5d9ff; width:39px; height:39px; border-radius:50%; display:grid; place-items:center; font-size:13px; pointer-events:none; }
.mv-character-summary { display:flex; flex-wrap:wrap; gap:12px; background:#12223f; border:1px solid #35649c; border-radius:14px; padding:13px; font-size:13px; }
.mv-character-summary img,.character-library-card img { width:60px; height:60px; border-radius:9px; object-fit:cover; }
.mv-character-summary .character-copy { flex:1; min-width:100px; overflow-wrap:anywhere; }
.mv-character-summary p { margin:4px 0; color:#9cb8e7; }
.mv-character-summary button { color:#cbe4ff; background:#203b68; border-radius:9px; padding:6px 10px; }
.mv-direction-wrap { position:relative; }
#quick-start-modal .mv-workspace textarea { display:block; width:100%; height:150px; min-height:110px; max-height:300px; padding:17px 18px 32px; background:linear-gradient(110deg,#14213b,#141e34); border:1px solid #48618b; border-radius:16px; color:#edf2ff; font:inherit; font-size:16px; line-height:1.5; resize:vertical; }
#quick-start-modal .mv-workspace textarea::placeholder { color:#8da7d2; }
.mv-counter { position:absolute; bottom:12px; right:16px; font-size:13px; color:#89a6d4; }.mv-counter b { color:#eef3ff; }
.mv-availability { color:#8da7d2; font-size:11px; line-height:1.5; margin:0; }
.mv-submit-error,.creative-upload-error,.character-editor-error { color:#ffbcc5; font-size:13px; margin:0; }
.mv-submit-error:empty,.creative-upload-error:empty,.character-editor-error:empty { display:none; }
.iamai-quick-starts .mv-submit,.creative-character-dialog .mv-submit { margin-top:auto; width:100%; border:1px solid #428dff; border-radius:32px; background:linear-gradient(110deg,#00aeff,#056aff 55%,#4828ff); color:white; padding:17px 15px; font-size:17px; font-weight:700; box-shadow:0 5px 24px #001c7740; }
.mv-submit i { margin-left:9px; }.mv-submit:disabled { opacity:.5; cursor:wait; }
.creative-drop { display:flex; position:relative; align-items:center; gap:22px; padding:23px; min-height:126px; border:1px dashed #267ed1; border-radius:16px; background:linear-gradient(110deg,#13233b,#0a162b); cursor:pointer; }
.creative-drop > i { flex-shrink:0; display:grid; place-items:center; border:1px solid #078bff; color:#009aff; background:#0e2858; width:72px; height:72px; border-radius:50%; font-size:34px; }
.creative-drop strong { display:block; color:#f1f4ff; font-size:16px; margin-bottom:5px; }.creative-drop small { color:#9fbeed; font-size:13px; line-height:1.4; display:block; }
.creative-drop input { position:absolute; width:1px; height:1px; opacity:0; }
.creative-drop:focus-within,.creative-drop.is-dragging { outline:2px solid #81d9ff; outline-offset:3px; }
.creative-files { list-style:none; padding:0; margin:10px 0 0; }.creative-files:empty { display:none; }
.creative-files li { padding:9px; border-radius:10px; background:#122342; margin-top:7px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:#afc9f1; font-size:12px; }
.creative-files .creative-filename { min-width:0; overflow-wrap:anywhere; flex:1; }.creative-files img { width:42px; height:42px; border-radius:6px; object-fit:cover; }.creative-files button { padding:5px 9px; border:1px solid #355689; color:#d6e8ff; background:#1b3255; border-radius:7px; }
.creative-files audio { width:100%; height:35px; }
.creative-character-dialog { color:#f3f6ff; width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:25px; background:#0a1530; border:1px solid #248fff; border-radius:23px; }
.creative-character-dialog::backdrop { background:#020719bc; backdrop-filter:blur(6px); }
.creative-character-dialog header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }.creative-character-dialog h2 { font-size:23px; margin:0; }.creative-character-dialog header button { border:1px solid #43679b; border-radius:50%; width:36px; height:36px; color:white; background:#1a2b4b; font-size:23px; }
.creative-character-dialog form { display:flex; flex-direction:column; gap:16px; }.creative-character-dialog label { display:block; color:#c8dbff; font-size:14px; }.creative-character-dialog input:not([type="checkbox"]):not([type="file"]),.creative-character-dialog textarea { width:100%; background:#14233f; border:1px solid #3b5682; border-radius:10px; color:#fff; padding:11px; margin-top:7px; font:inherit; }.creative-character-dialog textarea { height:105px; min-height:90px; resize:vertical; }.character-counter { display:block; text-align:right; color:#8faad3; font-size:12px; }.creative-character-dialog .character-save { display:flex; gap:9px; align-items:center; }
.character-library-actions { display:flex; gap:8px; margin-top:8px; }.character-library-actions button { padding:6px 10px; color:#bdd8ff; background:#1d3459; border:1px solid #325b95; border-radius:8px; }.character-placeholder { display:grid; place-items:center; background:#1b2d52; border-radius:10px; color:#89b8ff; font-size:30px; min-height:65px; }.character-library-card small { white-space:normal; overflow-wrap:anywhere; }
.mv-workspace :focus-visible,.creative-character-dialog :focus-visible { outline:2px solid #80d7ff; outline-offset:3px; }
@media(max-width:950px) { .mv-workspace { grid-template-columns:1fr; }.mv-preview { border-right:0; border-bottom:1px solid #244578; padding:30px 26px 20px; }.mv-video-wrap { width:190px; }.mv-carousel { gap:36px; }.mv-form { padding:28px; gap:24px; }.mv-tabs button { min-width:0; }.mv-workspace .mv-note { font-size:10px; } }
@media(max-width:480px) { .iamai-quick-starts .qs-modal[data-type="music-video"] { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:21px; }.mv-preview { padding:60px 15px 20px; }.mv-wordmark { font-size:11px; }.mv-wordmark img { width:25px; height:32px; }.mv-video-wrap { width:170px; }.mv-carousel { gap:15px; margin-bottom:16px; }.iamai-quick-starts .mv-nav { width:34px; height:34px; font-size:18px; }.mv-tabs { gap:5px; }.iamai-quick-starts .mv-tabs button { font-size:12px; padding:10px 12px; }.mv-form { padding:22px 16px; }.iamai-quick-starts .mv-field h3,.mv-field > label { font-size:16px; gap:7px; flex-wrap:wrap; }.mv-field h3 > i { font-size:23px; }.creative-drop { padding:15px; gap:13px; min-height:100px; }.creative-drop > i { width:51px; height:51px; font-size:27px; }.creative-drop strong { font-size:14px; }.creative-drop small { font-size:11px; }.iamai-quick-starts .mv-character-choices button { font-size:12px; min-height:120px; }.mv-character-choices > span { width:30px; height:30px; }.mv-helper { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .mv-workspace * { transition:none!important; animation:none!important; } }
.studio-library[data-character-picking] .library-tabs button:not([data-library-tab="characters"]) { display:none; }
.iam-studio .character-library-card .library-card { width:100%; border:1px solid #314b79; border-radius:12px; padding:10px; }
.iam-studio .character-library-card .library-card[aria-pressed="true"] { border-color:#1ea7ff; box-shadow:0 0 0 2px #1ea7ff; background:#103569; }

.creative-files video { display:block; width:100%; max-height:140px; background:#03091a; border-radius:8px; }
@media(max-width:480px) { .mv-video-wrap { width:140px; }.mv-carousel { margin-top:13px; margin-bottom:14px; }.mv-wordmark { margin-bottom:9px; } }

.mv-video-wrap video:fullscreen { object-fit:contain; background:#03091a; }