/* Measured against the supplied 1585 x 482 composer reference. */
.marketing-studio .ms-creation{max-width:1408px;margin:54px auto 0;container:studio / inline-size}
.marketing-studio [hidden]{display:none!important}
.ms-studio-input{--mc-surface:rgba(17,19,21,.78);--mc-inset:rgba(12,14,15,.75);--mc-ink:#f3f3f2;--mc-secondary:#b8bbbe;--mc-edge:rgba(208,215,224,.28);--mc-radius:clamp(22px,2.5cqw,36px);color:var(--mc-ink)}
/* Keep open controls above quick starts and the recent-generation section. */
.marketing-studio:has(.composer-menu.is-open,.mc-popover:not([hidden])){z-index:4}
.marketing-studio .mc-glass:has(.composer-menu.is-open,.mc-popover:not([hidden])){z-index:15}
.marketing-studio .composer-menu:not(.is-open){display:none}
.marketing-studio .mc-glass.floating-composer[data-composer]{display:grid;grid-template-columns:8cqw minmax(0,1fr);gap:2.2cqw;min-height:20.6cqw;padding:1.8cqw 1.6cqw;border:1px solid transparent;border-radius:var(--mc-radius);background:linear-gradient(155deg,rgba(38,42,47,.82),rgba(8,10,12,.85) 22%,rgba(7,9,10,.88) 76%,rgba(42,47,53,.79)) padding-box,linear-gradient(145deg,#78818c80 0%,#87909a55 35%,#dce1e7cf 76%,#f5f5f3 100%) border-box;box-shadow:0 12px 40px #0008,0 0 30px #b9c6d514,inset 0 1px 1px #fff2,inset 0 -1px 2px #fff3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:visible;isolation:isolate;max-width:none}
.marketing-studio .mc-glass::before,.marketing-studio .mc-glass::after{display:none!important}

.mc-submit-rim {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  border: 1px solid #e6ebf2;
  box-shadow: inset 0 0 12px #c5d4eb1f, 0 0 16px #c5d4eb36;
  pointer-events: none;
  opacity: 0;
}

.mc-submit-check {
  position: absolute;
  z-index: 3;
  inset: 0 auto auto 50%;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  transform: translate(-50%, -50%);
  border: 1px solid #9fdec9b0;
  border-radius: 50%;
  background: #152823;
  color: #c6fbe4;
  box-shadow: 0 0 20px #9fe9c954, inset 0 1px #d3ffeb26;
  pointer-events: none;
}

.mc-submit-check svg { width: 19px; height: 19px; }
.mc-rail{display:flex;flex-direction:column;gap:1cqw;min-width:0}
.mc-rail a{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;min-height:70px;border:1px solid transparent;border-radius:clamp(16px,1.8cqw,26px);color:#d2d4d6;font-size:clamp(13px,1.3cqw,19px);text-decoration:none;line-height:1.2}
.marketing-studio .mc-rail svg{width:2.3cqw;height:2.3cqw;min-width:25px;min-height:25px;stroke-width:1.6}
.mc-rail a[aria-current]{background:linear-gradient(155deg,#3034388a,#202429c9 60%,#51596580);border-color:#bbc5d323;box-shadow:inset 0 1px 1px #fff1,0 9px 19px #0004;color:var(--mc-ink)}
.mc-rail i{position:absolute;bottom:.6cqw;width:6px;height:6px;background:#f6f6f4;border-radius:50%;box-shadow:0 0 8px #fff9;opacity:0}
.mc-rail [aria-current] i{opacity:1}
.mc-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.25cqw;min-width:0}
.mc-prompt-well{position:relative;display:flex;min-height:9.1cqw;min-width:0;background:linear-gradient(135deg,#22252866,#10121438);border:1px solid #b8c1cb20;border-radius:clamp(16px,1.7cqw,26px);box-shadow:inset 0 1px 2px #ffffff05,0 2px 7px #0002}
.marketing-studio .mc-prompt-well .prompt-input,.marketing-studio .mc-prompt-well #ms-script{display:block;position:static;width:100%;height:100%;min-height:9.1cqw;max-height:260px;margin:0;padding:1.7cqw 12cqw 1.5cqw 1.7cqw;border:0;background:transparent;color:var(--mc-ink);resize:none;font-family:inherit;font-size:clamp(16px,1.57cqw,23px);line-height:1.5;box-shadow:none;border-radius:inherit;overflow:auto}
.marketing-studio .mc-prompt-well textarea::placeholder{color:#a4a9ae}
@media (prefers-reduced-motion:no-preference){
 .marketing-studio .mc-prompt-well::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px var(--mc-edge);
  pointer-events:none;
  opacity:0;
  transition:opacity 200ms cubic-bezier(.23,1,.32,1);
 }
 .marketing-studio .mc-prompt-well.is-typing:focus-within::after{
  opacity:1;
  transition-duration:120ms;
 }
}
.mc-prompt-actions{position:absolute;right:1.3cqw;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.7cqw}
.mc-prompt-actions button{display:grid;place-items:center;border:0;background:none;border-radius:10px;color:#aeb5bd;width:3.6cqw;height:3.6cqw;min-width:36px;min-height:36px;padding:.6cqw}
.marketing-studio .mc-prompt-actions svg{width:2cqw;height:2cqw;min-width:23px;min-height:23px}
.mc-prompt-actions>span{height:2.6cqw;width:1px;background:#c4cdd31a;margin:0 .4cqw}
.mc-prompt-actions button:disabled{opacity:.4;cursor:not-allowed}
.mc-prompt-actions [aria-pressed=true]{color:#fff;background:#ffffff1c;box-shadow:0 0 0 1px #fff6}
.marketing-studio .mc-controls.composer-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2cqw;align-items:stretch;height:auto;min-height:6cqw;padding:0;border:0;z-index:5;position:relative;min-width:0}
.marketing-studio .mc-image-mode .mc-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
.marketing-studio .mc-controls>:is(button,label,.menu-anchor,.mc-select){order:initial;margin:0;min-width:0}
.mc-select,.mc-upload,.marketing-studio .mc-controls .composer-glass{position:relative;display:flex;align-items:center;justify-content:center;gap:.7cqw;min-height:5.5cqw;border:1px solid #b8c4d220;border-radius:clamp(14px,1.65cqw,24px);background:linear-gradient(145deg,#252a3047,#080a0c6b);color:var(--mc-ink);box-shadow:inset 0 1px 2px #fff1,0 3px 7px #0002;font-size:clamp(12px,1.28cqw,18px);font-weight:400;white-space:nowrap}
.marketing-studio .mc-controls .menu-anchor{display:flex;position:relative;flex:none}
.marketing-studio .mc-controls .composer-glass{width:100%;padding:0 .9cqw}
.marketing-studio .mc-controls svg{width:2cqw;height:2cqw;min-width:20px;min-height:20px;stroke-width:1.6;flex-shrink:0}
.marketing-studio .mc-controls .composer-glass svg:last-child,.marketing-studio .mc-select>svg:last-child,.marketing-studio .mc-select .chevron svg{width:1.25cqw;height:1.25cqw;min-width:13px;min-height:13px;color:#bdc3cb}
.mc-select select{appearance:none;-webkit-appearance:none;position:relative;z-index:1;width:100%;height:100%;min-height:5.5cqw;border:0;background:transparent;color:var(--mc-ink);padding:0 2.6cqw 0 4.2cqw;margin:0;font:inherit;cursor:pointer;outline-offset:3px;border-radius:inherit;text-overflow:ellipsis}
.mc-select select option{background:#1b1e22;color:#f5f5f3}
.marketing-studio .mc-controls .model-control{max-width:none;flex:none;padding:0}
.mc-select>svg:first-child,.mc-duration>span{position:absolute;left:1.1cqw;pointer-events:none;display:flex}
.mc-select>svg:last-child,.mc-select .chevron{position:absolute;right:1.15cqw;pointer-events:none;display:flex}
.marketing-studio .mc-select .chevron{width:auto;height:auto;padding:0;background:none}
.marketing-studio .mc-controls .model-control select{width:100%;max-width:none;font-size:inherit;padding:0 2.6cqw 0 4.2cqw;font-weight:400;min-height:5.5cqw}
.mc-upload{justify-content:flex-start;padding:0 1.3cqw;gap:1cqw;text-align:left}
.mc-upload-plus{display:grid;place-items:center;flex:none;width:3.2cqw;height:3.2cqw;min-width:28px;min-height:28px;border-radius:50%;background:linear-gradient(145deg,#343a435c,#24283050)}
.mc-upload>span:last-child{display:grid;gap:.45cqw;min-width:0}
.mc-upload strong{font-size:clamp(13px,1.38cqw,20px);font-weight:500}
.mc-upload small{font-size:clamp(9px,.92cqw,13px);font-weight:400;color:#adb3ba;white-space:nowrap}
.marketing-studio .mc-controls .generate-control{display:flex;align-items:center;justify-content:center;gap:.85cqw;width:auto;min-width:0;min-height:5.8cqw;height:auto;margin:0;padding:0 .7cqw;border:1px solid #fff7;border-radius:clamp(15px,1.9cqw,28px);background:linear-gradient(135deg,#fff,#f4f4f2);color:#121416;box-shadow:0 0 25px #f2f3ec24,inset 0 1px 2px #fff;font-size:clamp(15px,1.6cqw,23px);font-weight:600;letter-spacing:-.025em;flex:none}
.marketing-studio .mc-controls .generate-control:disabled{background:linear-gradient(135deg,#f2f2ef,#dedfda);color:#55585a;opacity:.84;cursor:not-allowed}
.marketing-studio .mc-controls .generate-control svg{width:2cqw;height:2cqw}
.marketing-studio .mc-controls .composer-menu{top:calc(100% + 12px);bottom:auto;left:0;right:auto;width:240px;background:#191c20;border-color:#c0c8d52b;border-radius:18px;box-shadow:0 18px 50px #000a;transform-origin:top left}
.mc-quick-starts{display:flex;justify-content:center;flex-wrap:wrap;gap:1.1cqw;margin:3.3cqw auto 0}
.mc-quick-starts button{display:flex;align-items:center;justify-content:center;gap:1cqw;min-height:4.65cqw;padding:0 1.9cqw;border:1px solid #b4c0cc55;border-radius:999px;background:linear-gradient(145deg,#14191e68,#03050670);box-shadow:inset 0 1px 1px #fff2,0 4px 8px #0002;color:#e8e9e9;font:inherit;font-size:clamp(12px,1.3cqw,19px);font-weight:500;white-space:nowrap}
.marketing-studio .mc-quick-starts svg{width:2cqw;height:2cqw;min-width:20px;min-height:20px}
.mc-info{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 0;color:var(--mc-secondary);font-size:11px;font-variant-numeric:tabular-nums}
.mc-info [data-credit-estimate]{font-size:11px;color:var(--mc-secondary)}
.ms-studio-input>[data-generation-reason]{margin:12px auto 0;max-width:620px;color:var(--muted);font-size:12px;line-height:1.5;text-align:center;text-wrap:pretty}
.mc-dropdown-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-generation-project{display:flex;align-items:center;justify-content:center;gap:12px;max-width:min(100%,420px);margin:12px auto 0;color:var(--muted);font-size:12px}
.mc-generation-project select{min-width:0;max-width:280px;min-height:44px;padding:8px 12px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;font:inherit}
.mc-info .ms-text-button{font-size:11px;padding:0}
.mc-info svg{width:12px;height:12px}
.ms-studio-input>.ms-availability,.ms-studio-input>.ms-validation{text-align:center;margin:8px 0 0;font-size:11px;color:#b7babd}
.mc-reference-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.mc-reference-list:empty{display:none}
.mc-reference{display:flex;align-items:center;gap:8px;max-width:220px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:11px}
.mc-reference img{width:32px;height:32px;object-fit:cover;border-radius:6px}
.mc-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-reference svg{width:12px;height:12px}
.mc-personalization{margin:16px auto 0;max-width:1056px}
.mc-personalization .ms-product-context{margin:0;border:0;padding:0}
.mc-personalization .ms-product-context:not(.ms-product-inline){display:none}
.mc-personalization .ms-product-inline{padding:12px 16px;background:#111315b8;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}
.mc-personalization .ms-ugc-panel{border:1px solid var(--line);border-radius:14px;margin:12px 0 0;padding:12px 16px;background:#111315b8}
.mc-personalization .ms-prompt-details,.mc-personalization .ms-extra-direction{margin:12px 0 0;padding:8px 0;border:0}
.mc-personalization .ms-extra-direction .prompt-input{position:static;width:100%;height:100px;min-height:100px;margin-top:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;resize:vertical}
.mc-prompt-well .ms-script-label{position:absolute;bottom:7px;left:1.7cqw;right:12cqw;font-size:10px;color:var(--mc-secondary);display:flex;justify-content:space-between;margin:0;pointer-events:none}
.marketing-studio .mc-prompt-well #ms-script{padding-bottom:28px}
.mc-more-options{max-width:620px;margin:0 auto}
.mc-hidden-summary{display:none}
.mc-extra-fields{position:relative;padding:18px;margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#171a1df5;box-shadow:0 12px 35px #0005}
.mc-extra-fields .advanced-popover{display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;opacity:1!important;visibility:visible!important;transform:none!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.mc-extra-fields .quality-anchor>.composer-glass{min-height:40px;margin-bottom:12px;padding:0 12px;border-radius:9px;gap:12px}
.mc-extra-fields .quality-menu{position:static;display:none;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-bottom:12px}
.mc-extra-fields .quality-menu.is-open{display:block}
.mc-extra-fields .setting-row{min-height:44px}
.mc-popover{position:absolute;z-index:25;width:300px;padding:10px;border:1px solid #b6c0cc40;border-radius:18px;background:#1b1e22f7;box-shadow:0 20px 50px #0009;color:#eef0f2;backdrop-filter:blur(14px);overflow:auto;overscroll-behavior:contain}
.mc-upload-menu{left:11.8cqw;top:calc(100% - 1cqw);transform-origin:top left}
.mc-tools-menu{right:6cqw;top:10cqw;transform-origin:top right}
.mc-popover>strong{display:block;font-size:12px;padding:10px}
.mc-popover button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;background:none;text-align:left;border-radius:10px;font:inherit;font-size:13px}
.mc-popover small{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#aeb5bf}
.mc-popover p{margin:8px 10px;font-size:11px;line-height:1.5;color:#adb4bd}
.mc-popover button:disabled{color:#7b828a;cursor:not-allowed}
.mc-popover svg{width:24px;height:24px}
.ms-studio-input>.ms-recipe-bar{padding:0 6px 14px;min-height:0}
.marketing-studio .ms-save-note{margin-top:12px}
.marketing-studio .ms-gallery-section{margin-top:42px}
.mc-rail a,.mc-controls button,.mc-quick-starts button,.mc-prompt-actions button{transition:background-color 140ms ease-out,box-shadow 140ms ease-out,transform 120ms ease-out}
.mc-controls button:active:not(:disabled),.mc-quick-starts button:active,.mc-prompt-actions button:active:not(:disabled){transform:scale(.98)}
@media(hover:hover){.mc-rail a:hover,.mc-quick-starts button:hover,.mc-popover button:hover:not(:disabled),.mc-prompt-actions button:hover:not(:disabled){background-color:#ffffff0f;color:white}.mc-controls :is(.mc-upload,.composer-glass):hover{border-color:#dde6f84f}.mc-controls .generate-control:hover:not(:disabled){box-shadow:0 0 28px #f2f3ec4a}}
@container studio (max-width:1100px){.marketing-studio .mc-glass.floating-composer[data-composer]{min-height:240px;grid-template-columns:80px minmax(0,1fr);gap:18px;padding:18px}.mc-rail a{min-height:85px}.mc-prompt-well{min-height:115px}.marketing-studio .mc-prompt-well :is(.prompt-input,#ms-script){min-height:115px}.marketing-studio .mc-controls.composer-row{gap:8px}.mc-upload small{font-size:8px}.mc-upload{gap:5px;padding:0 8px}.mc-quick-starts button{min-height:48px;padding:0 18px}.mc-quick-starts{gap:10px;margin-top:30px}}
@container studio (max-width:850px){.marketing-studio .mc-controls>*{min-height:52px}.marketing-studio .mc-controls .generate-control{min-height:52px}.mc-select select,.marketing-studio .mc-controls .model-control select{min-height:52px;padding-left:38px;padding-right:25px}.mc-select>svg:first-child,.mc-duration>span{left:12px}.mc-select>svg:last-child,.mc-select .chevron{right:9px}.mc-upload small{font-size:9px}.mc-prompt-actions{right:8px}.marketing-studio .mc-prompt-well :is(.prompt-input,#ms-script){padding:16px 96px 16px 16px}.mc-tools-menu{top:75px;right:20px}.mc-upload-menu{left:115px}}
@container studio (max-width:600px){.marketing-studio .mc-glass.floating-composer[data-composer]{grid-template-columns:1fr;gap:14px;padding:12px;border-radius:26px}.mc-rail{flex-direction:row;gap:6px}.mc-rail a{min-height:46px;flex-direction:row;gap:8px;border-radius:14px;font-size:13px}.marketing-studio .mc-rail svg{width:21px;height:21px;min-width:21px;min-height:21px}.mc-rail i{width:4px;height:4px;bottom:3px}.mc-main{gap:12px}.mc-prompt-well{min-height:140px;border-radius:18px}.marketing-studio .mc-prompt-well :is(.prompt-input,#ms-script){min-height:140px;font-size:16px;padding:16px 16px 52px}.mc-prompt-actions{right:8px;top:auto;bottom:6px;transform:none;gap:5px}.mc-prompt-actions button{width:36px;height:36px;min-width:36px;min-height:36px;padding:7px}.mc-prompt-actions>span{height:22px;margin:0 2px}.marketing-studio .mc-prompt-actions svg{width:23px;height:23px}.marketing-studio .mc-controls.composer-row,.marketing-studio .mc-image-mode .mc-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.marketing-studio .mc-controls>*{min-height:54px}.mc-upload small{font-size:9px}.mc-upload{padding:0 10px;gap:8px}.mc-upload-plus{width:28px;height:28px}.mc-upload strong{font-size:14px}.mc-select{font-size:13px;border-radius:15px}.mc-select select,.marketing-studio .mc-controls .model-control select{min-height:54px;font-size:13px;padding-left:38px;padding-right:22px}.marketing-studio .mc-controls .composer-glass{min-height:54px;border-radius:15px;font-size:13px;padding:0 10px;gap:10px}.marketing-studio .mc-controls .generate-control{min-height:54px;font-size:17px;border-radius:16px}.marketing-studio .mc-controls .generate-control svg{width:20px;height:20px}.mc-image-mode .generate-control{grid-column:1/-1}.mc-quick-starts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.mc-quick-starts button{min-height:45px;padding:0 10px;gap:8px;font-size:11px}.marketing-studio .mc-quick-starts svg{width:20px;height:20px}.mc-prompt-well .ms-script-label{bottom:16px;left:16px;right:104px;display:block;font-size:10px}.mc-prompt-well .ms-script-label>span{display:block;font-size:9px;margin-top:3px}.marketing-studio .mc-prompt-well #ms-script{padding-bottom:60px}.mc-upload-menu,.mc-tools-menu{left:12px;right:12px;top:225px;width:auto}.mc-tools-menu{top:200px}.mc-info{margin-top:16px;gap:12px}.mc-personalization .ms-product-inline{align-items:stretch;flex-direction:column;gap:6px;padding:12px}.mc-personalization .ms-product-inline input{font-size:16px}.mc-personalization .ms-ugc-panel{padding:12px}.mc-controls .ratio-menu{width:calc(200% + 8px)!important;max-width:290px;left:auto!important;right:0!important}.marketing-studio .ms-gallery-section{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.ms-studio-input *{transition:none!important;animation:none!important}.ms-studio-input button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.marketing-studio .mc-glass.floating-composer[data-composer]{background:#15191e;backdrop-filter:none;-webkit-backdrop-filter:none}.mc-prompt-well{background:#101317}.mc-quick-starts button{background:#11161b}}
@media(prefers-contrast:more){.marketing-studio .mc-glass.floating-composer[data-composer]{border-color:#e2e7ee;background:#11161b}.mc-select,.mc-prompt-well,.mc-quick-starts button{border-color:#b5bdc6}.ms-studio-input{--mc-secondary:#d5d9df}}
@supports not (backdrop-filter:blur(1px)){.marketing-studio .mc-glass.floating-composer[data-composer]{background:#15191e}}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control{height:auto;min-height:5.5cqw;align-self:stretch;max-width:none;font-size:clamp(12px,1.28cqw,18px);border:1px solid #b8c4d220;border-radius:clamp(14px,1.65cqw,24px);background:linear-gradient(145deg,#252a3047,#080a0c6b);box-shadow:inset 0 1px 2px #fff1,0 3px 7px #0002}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control select{width:100%;max-width:none;height:100%;min-height:5.5cqw;font-size:inherit;font-weight:400;padding:0 2.6cqw 0 4.2cqw;background:none;color:var(--mc-ink)}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls svg{width:2cqw;height:2cqw;min-width:20px;min-height:20px}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .composer-glass svg:last-child,.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .mc-select>svg:last-child,.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .chevron svg{width:1.25cqw;height:1.25cqw;min-width:13px;min-height:13px}
@container studio (max-width:850px){.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control{min-height:52px}.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control select{min-height:52px;padding-left:38px;padding-right:25px}}
@container studio (max-width:600px){.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control{min-height:54px;font-size:13px;border-radius:15px}.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .model-control select{min-height:54px;font-size:13px;padding-left:38px;padding-right:22px}}
@container studio (max-width:480px){
 .marketing-studio .mc-controls .mc-upload{
  grid-column:1/-1;min-height:44px;padding:0 12px;
 }
 .mc-upload>span:last-child{display:flex;align-items:baseline;gap:8px}
 .mc-upload small{font-size:11px;white-space:normal;line-height:1.25}
 .marketing-studio .mc-controls .generate-control{grid-column:1/-1}
 .marketing-studio .mc-image-mode .mc-controls .mc-upload{grid-column:auto}
}
.mc-personalization>.ms-script-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;color:var(--mc-secondary);font-size:11px}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .mc-dropdown{display:block;position:relative;min-width:0}
.mc-dropdown-trigger{display:flex;align-items:center;justify-content:center;gap:.7cqw;width:100%;height:100%;min-height:5.5cqw;padding:0 .9cqw;border:0;border-radius:inherit;background:transparent;color:var(--mc-ink);font:inherit;cursor:pointer}
.mc-dropdown-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mc-dropdown-trigger>svg{position:static!important;flex:none}
.marketing-studio .mc-controls .model-control .mc-dropdown-trigger{gap:5px;padding:0 7px;font-size:clamp(12px,1.12cqw,15px)}
.marketing-studio .mc-glass[data-studio-composer] .mc-controls .model-control .mc-dropdown-trigger>svg:first-child {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.marketing-studio .mc-glass.floating-composer[data-composer] .mc-controls .mc-dropdown-trigger>svg:last-child{width:1.25cqw;height:1.25cqw;min-width:13px;min-height:13px;color:#bdc3cb}
.mc-dropdown-trigger[aria-expanded=true]{background:#ffffff0b;box-shadow:inset 0 0 0 1px #e2e9f030}
.marketing-studio .mc-controls .mc-selector-menu{width:250px;padding:10px;border:1px solid #b6c0cc40;border-radius:18px;background:#1b1e22f7;box-shadow:0 20px 50px #0009,inset 0 1px 0 #ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777c834d transparent}
.marketing-studio .mc-controls .mc-model-menu{width:300px}
.marketing-studio .mc-controls .mc-selector-menu{transform:none;transition:opacity 120ms ease-out}
.marketing-studio .mc-controls .mc-selector-menu:not(.is-open){display:none}
.mc-selector-heading{padding:9px 10px 12px;font-size:11px;color:#aeb5bf;font-weight:500;letter-spacing:.02em}
.mc-selector-options{display:grid;gap:4px}
.marketing-studio .mc-selector-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:11px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#eef0f2;text-align:left;font:inherit;font-size:13px;cursor:pointer;transform:none;transition:background-color 120ms ease-out}
.mc-option-text{min-width:0}
.mc-option-text strong{display:block;font-size:13px;font-weight:400;line-height:1.5;white-space:normal}
.mc-option-text small{display:block;margin-top:3px;color:#aeb5bf;font-size:10px;line-height:1.5;text-transform:capitalize}
.mc-option-check{flex:none;width:16px;text-align:center;font-size:13px;color:#f4f5f4}
.marketing-studio .mc-selector-menu [aria-selected=true]{background:#ffffff0c;border-color:#d3dae725}
.mc-selector-menu [role=option]:focus-visible{background:#ffffff12;outline:1px solid #ccd4df8c;outline-offset:-1px}
.marketing-studio .mc-controls .mc-duration-menu{width:280px;padding:18px 20px 16px;overflow:visible}
.mc-duration-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mc-duration-heading label{color:var(--mc-secondary);font-size:13px;font-weight:400;cursor:pointer}
.mc-duration-heading output{color:var(--mc-ink);font-size:20px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.mc-duration-menu input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:6px 0 0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;accent-color:var(--mc-ink);touch-action:pan-y}
.mc-duration-menu input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--mc-ink) 0 var(--duration-progress),var(--mc-edge) var(--duration-progress) 100%)}
.mc-duration-menu input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--mc-ink) 0 var(--duration-progress),var(--mc-edge) var(--duration-progress) 100%)}
.mc-duration-menu input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:1px solid var(--mc-ink);border-radius:50%;background:linear-gradient(145deg,var(--mc-ink),var(--mc-secondary));box-shadow:0 2px 5px #0006,inset 0 1px 1px #fff9}
.mc-duration-menu input[type=range]::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:1px solid var(--mc-ink);border-radius:50%;background:linear-gradient(145deg,var(--mc-ink),var(--mc-secondary));box-shadow:0 2px 5px #0006,inset 0 1px 1px #fff9}
.mc-duration-menu input[type=range]:focus-visible{outline:2px solid var(--mc-ink);outline-offset:3px}
.mc-duration-limits{display:flex;justify-content:space-between;color:var(--mc-secondary);font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
@media(hover:hover){.marketing-studio .mc-selector-menu [role=option]:hover{background:#ffffff12;border-color:#d3dae725}.mc-dropdown-trigger:hover{background:#ffffff08}}
@container studio (max-width:850px){.mc-dropdown-trigger{min-height:52px;gap:8px;padding:0 10px}}
@container studio (max-width:600px){.mc-dropdown-trigger{min-height:54px;font-size:13px}.marketing-studio .mc-controls .mc-selector-menu{width:250px;max-width:calc(100vw - 48px)}.marketing-studio .mc-controls .mc-model-menu{width:290px}.marketing-studio .mc-selector-menu [role=option]{min-height:46px}}
@media(prefers-reduced-transparency:reduce){.marketing-studio .mc-controls .mc-selector-menu{background:#1b1e22;backdrop-filter:none;-webkit-backdrop-filter:none}}
@container studio (max-width:600px){.mc-prompt-well::after{content:'';position:absolute;left:1px;right:1px;bottom:1px;height:44px;border-radius:0 0 17px 17px;background:linear-gradient(0deg,#14181cf5 70%,#14181c00);pointer-events:none}.mc-prompt-actions{z-index:2}}
/* Studio media tray: expands in normal flow beneath the generation controls. */
.marketing-studio .mc-uploaded-media{display:block;min-width:0;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--line);text-align:left}
.marketing-studio .mc-uploaded-media[hidden]{display:none}
.mc-uploaded-media>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:var(--text)}
.mc-uploaded-media>header span,.mc-uploaded-media>p{font-size:12px;color:var(--muted)}
.mc-uploaded-media>p{margin:12px 0 0;line-height:1.5}
.mc-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;min-width:0}
.mc-media-card{position:relative;min-width:0;max-width:220px;overflow:hidden;border-radius:10px;background:var(--panel)}
.marketing-studio .mc-media-preview{display:block;position:relative;width:100%;height:100px;min-height:100px;padding:0;overflow:hidden;border:0;border-radius:10px 10px 0 0;background:var(--bg);color:var(--muted);cursor:pointer}
.marketing-studio .mc-media-preview :is(img,video){display:block;width:100%;height:100%;object-fit:cover}
.mc-media-play{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--panel);color:var(--text)}
.marketing-studio .mc-media-play svg{width:16px;height:16px}
.marketing-studio .mc-media-remove{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:30px;height:30px;padding:7px;border:1px solid rgba(245,247,250,.28);border-radius:10px;background:rgba(22,25,29,.48);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.18);color:var(--text);cursor:pointer;transition:background 150ms ease-out,transform 150ms ease-out}
@media(hover:hover){.marketing-studio .mc-media-remove:hover{background:rgba(45,49,55,.72)}}
@media(prefers-reduced-transparency:reduce){.marketing-studio .mc-media-remove{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.marketing-studio .mc-media-remove{background:var(--panel)}}
@media(prefers-reduced-motion:reduce){.marketing-studio .mc-media-remove{transition:none}.marketing-studio .mc-media-remove:active{transform:none}}

.marketing-studio .mc-media-remove svg{width:16px;height:16px}
.mc-media-copy{padding:9px 10px;font-size:12px;color:var(--text)}
.mc-media-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.mc-media-preview:focus-visible,.mc-media-remove:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
.mc-media-remove:active{transform:scale(.97)}
@container studio (max-width:600px){.mc-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-media-card{max-width:none}.marketing-studio .mc-media-preview{height:110px}.marketing-studio .mc-media-remove{width:40px;height:40px}}
.mc-reference-upload{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;margin:20px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;text-align:left;transition:background 160ms ease-out,transform 160ms ease-out}
.mc-reference-upload>svg{width:24px;height:24px;flex:none}.mc-reference-upload>svg:last-child{margin-left:auto;width:20px;height:20px}.mc-reference-upload span{display:grid;gap:5px}.mc-reference-upload strong{font-size:14px;font-weight:500}.mc-reference-upload small{font-size:12px;color:var(--muted)}.mc-reference-upload:focus-visible{outline:2px solid var(--text);outline-offset:3px}.mc-reference-upload:active{transform:scale(.99)}
@media(hover:hover){.mc-reference-upload:hover{background:var(--bg)}}

.ms-asset-picker button video{display:block;width:100%;height:120px;object-fit:contain;border-radius:8px;background:var(--bg)}

/* Optional controls stay inside the composer, behind one disclosure. */
.marketing-studio .mc-advanced{width:100%;max-width:none;margin:0;padding-top:6px;border-top:1px solid var(--line);color:var(--mc-secondary)}
.marketing-studio .mc-glass:has(.mc-advanced[open]) .mc-rail{align-self:start;height:clamp(190px,18cqw,250px)}
.mc-advanced-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:fit-content;min-height:32px;padding:0 4px;list-style:none;color:var(--mc-secondary);font-size:12px;font-weight:500;cursor:pointer;user-select:none;touch-action:manipulation}
.mc-advanced-toggle::-webkit-details-marker{display:none}.mc-advanced-toggle::marker{content:''}
.marketing-studio .mc-advanced-toggle svg{width:14px;height:14px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.mc-advanced[open]>.mc-advanced-toggle{color:var(--mc-ink)}
.mc-advanced[open]>.mc-advanced-toggle svg{transform:rotate(180deg)}
.mc-advanced[data-keyboard]>.mc-advanced-toggle svg{transition:none}
.marketing-studio .mc-advanced .mc-extra-fields{display:grid;gap:16px;position:relative;margin:0;padding:12px 0 2px;border:0;border-radius:0;background:none;box-shadow:none}
.marketing-studio .mc-advanced [data-advanced]{display:grid!important;gap:14px}
.mc-frame-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.mc-frame-fields:has(.mc-frame-field:only-child){grid-template-columns:1fr}
.mc-frame-field{position:relative;min-width:0}
.marketing-studio .mc-frame-button{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px 12px;border:1px solid var(--mc-edge);border-radius:12px;background:var(--mc-inset);color:var(--mc-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color 140ms ease-out,border-color 140ms ease-out,transform 120ms ease-out}
.mc-frame-button:has(img){padding-right:40px}.mc-frame-button:disabled{opacity:.5;cursor:default}
.mc-frame-button>img,.mc-frame-placeholder{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover}
.mc-frame-placeholder{display:grid;place-items:center;border:1px dashed var(--mc-edge);color:var(--mc-secondary)}
.marketing-studio .mc-frame-placeholder svg{width:19px;height:19px}
.mc-frame-copy{display:grid;gap:5px;min-width:0}.mc-frame-copy strong{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}
.mc-frame-copy small{overflow:hidden;color:var(--mc-secondary);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.marketing-studio .mc-frame-button>svg{flex:none;width:15px;height:15px;margin-left:auto;color:var(--mc-secondary)}
.marketing-studio .mc-frame-clear{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:32px;height:40px;padding:8px;transform:translateY(-50%);border:0;border-radius:8px;background:none;color:var(--mc-secondary);cursor:pointer}
.marketing-studio .mc-frame-clear svg{width:15px;height:15px}
.mc-destination-field{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;color:var(--mc-secondary);font-size:12px}
.marketing-studio .mc-advanced .mc-generation-project{display:block;position:relative;width:100%;max-width:none;min-width:0;min-height:44px;height:44px;margin:0;border:1px solid var(--mc-edge);border-radius:12px;background:var(--mc-inset);color:var(--mc-ink);font-size:13px}
.marketing-studio .mc-advanced .mc-dropdown-trigger{justify-content:flex-start;gap:10px;min-height:44px;height:44px;padding:0 12px;text-align:left;font-size:13px}
.marketing-studio .mc-advanced .mc-dropdown-trigger>svg{width:18px;height:18px;flex:none}
.marketing-studio .mc-advanced .mc-dropdown-trigger>svg:last-child{width:14px;height:14px;margin-left:auto;color:var(--mc-secondary)}
.marketing-studio .mc-advanced .mc-selector-menu{position:absolute;z-index:40;width:min(360px,calc(100vw - 48px));max-height:280px;padding:8px;border:1px solid var(--mc-edge);border-radius:14px;background:var(--panel);box-shadow:0 16px 40px #0008,inset 0 1px 0 #ffffff08;overflow-y:auto;overscroll-behavior:contain;transform:none;scrollbar-width:thin}
.marketing-studio .mc-advanced .mc-selector-menu:not(.is-open){display:none}.marketing-studio .mc-advanced .mc-selector-menu.is-open{display:block}
.marketing-studio .mc-advanced .setting-row{min-height:36px;margin:0;padding:0;border:0;color:var(--mc-secondary);font-size:12px}
.mc-advanced .setting-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--mc-ink)}
.mc-advanced-toggle:focus-visible,.mc-frame-button:focus-visible,.mc-frame-clear:focus-visible,.mc-generation-project>.mc-dropdown-trigger:focus-visible{outline:2px solid var(--mc-ink);outline-offset:3px}
.mc-frame-button:active:not(:disabled){transform:scale(.99)}
@media(hover:hover) and (pointer:fine){.mc-advanced-toggle:hover{color:var(--mc-ink)}.marketing-studio .mc-frame-button:hover:not(:disabled){background:var(--mc-surface);border-color:var(--mc-secondary)}.marketing-studio .mc-frame-clear:hover{background:var(--mc-surface);color:var(--mc-ink)}}
@container studio (max-width:600px){.marketing-studio .mc-advanced{padding-top:8px}.mc-advanced-toggle{min-height:40px;font-size:12px}.marketing-studio .mc-frame-button{gap:8px;min-height:66px;padding:8px}.mc-frame-button>img,.mc-frame-placeholder{width:32px;height:36px}.mc-frame-button:has(img){padding-right:42px}.marketing-studio .mc-frame-clear{right:0;width:44px;height:44px;padding:14px}.mc-frame-fields{gap:8px}.mc-frame-copy strong{font-size:11px}.mc-frame-copy small{font-size:10px}.mc-destination-field{grid-template-columns:1fr;gap:8px}.marketing-studio .mc-advanced .mc-selector-menu{width:100%;min-width:0}.mc-frame-button>svg{display:none}}
@media(prefers-reduced-motion:reduce){.mc-advanced-toggle svg,.mc-frame-button{transition:none}.mc-frame-button:active:not(:disabled){transform:none}}
@container studio (max-width:600px){.marketing-studio .mc-glass:has(.mc-advanced[open]) .mc-rail{height:auto}}
@container studio (min-width:601px){.marketing-studio .mc-glass:has(.mc-media-card) .mc-rail{align-self:start;height:clamp(190px,17cqw,250px)}}
.marketing-studio .mc-media-card>.mc-media-play{top:66px;bottom:auto;border:1px solid var(--line);padding:4px;cursor:pointer;z-index:1}.mc-media-play:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@container studio (max-width:600px){.marketing-studio .mc-media-card>.mc-media-play{top:72px;width:32px;height:32px}}

/* Keep the prompt edges and the toolbar on the same rhythm. */
.marketing-studio .mc-controls.composer-row {
  --mc-control-height: clamp(54px, 5.15cqw, 72px);
  --mc-control-radius: clamp(12px, 1.35cqw, 18px);
  min-height: 0;
}

.marketing-studio .mc-glass[data-studio-composer] .mc-controls.composer-row > :is(button, .menu-anchor, .mc-select) {
  height: var(--mc-control-height);
  min-height: 0;
  border-radius: var(--mc-control-radius);
}

.marketing-studio .mc-glass[data-studio-composer] .mc-controls :is(.composer-glass, .mc-dropdown-trigger) {
  height: 100%;
  min-height: 0;
  border-radius: inherit;
}

.mc-upload strong,
.mc-upload small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@container studio (max-width: 600px) {
  .mc-quick-starts button[data-value="other"] {
    grid-column: 1 / -1;
    justify-self: center;
    min-width: 100px;
  }
}

@container studio (max-width: 1240px) {
  .marketing-studio .mc-controls.composer-row .mc-generate-arrow { display: none; }
}

@container studio (max-width: 1030px) {
  .marketing-studio .mc-controls.composer-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .marketing-studio .mc-image-mode .mc-controls .generate-control { grid-column: span 2; }
}

@container studio (max-width: 600px) {
  .marketing-studio .mc-glass[data-studio-composer] .mc-controls.composer-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .marketing-studio .mc-image-mode .mc-controls .generate-control { grid-column: 1 / -1; }
}

@media (hover: hover) and (pointer: fine) {
  .marketing-studio [data-studio-composer] :is(button, .mc-rail a, .mc-advanced-toggle):hover:where(:not(:disabled, [aria-disabled="true"], :focus-visible)) {
    outline: 1px solid color-mix(in srgb, var(--mc-ink) 28%, transparent);
    outline-offset: -1px;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .marketing-studio [data-studio-composer] :is(button, .mc-rail a, .mc-advanced-toggle):where(:not(:disabled, [aria-disabled="true"])) {
    transition: scale 140ms cubic-bezier(.23, 1, .32, 1), transform 120ms cubic-bezier(.23, 1, .32, 1);
  }

  .marketing-studio [data-studio-composer] :is(button, .mc-rail a, .mc-advanced-toggle):hover:where(:not(:disabled, [aria-disabled="true"], [aria-expanded="true"], :active)) {
    scale: 1.018;
  }
}