/* Public TongYi/TuBiao uses the phone layout through 450px, including when
   the sidebar is collapsed. Keep the established image/audio breakpoints.
   This bridge restores the shared video desktop rows in the old 451–840 gap;
   dedicated native forms retain their own content and height recipes. */
@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"] #workspace .chat-workspace {
    left:50%;right:auto;transform:translateX(-50%);width:min(70rem,calc(100% - 2rem));bottom:1.25rem;padding:0;
  }
  body.media-mode[data-island-category="video"] #workspace #composer {
    border-radius:1.125rem!important;box-shadow:none!important;color:#fff!important;font-size:1rem;line-height:1.5;
  }
  body.media-mode[data-island-category="video"] #workspace #hero {gap:3.125rem;max-height:max(0px,calc(var(--media-descendant-top,var(--media-composer-top,100dvh)) - 6.25rem));}
  body.media-mode[data-island-category="video"] #workspace #model-hero-icon,
  body.media-mode[data-island-category="video"] #workspace #model-hero-icon img {width:128px!important;height:128px!important;}
  body.media-mode[data-island-category="video"] #workspace #hero-notice {width:100%!important;max-width:100%!important;padding:1rem 1.25rem!important;}
  body.media-mode[data-island-category="video"] #workspace #hero-notice .sd20-announcement-text {font-size:.875rem;line-height:1.8;-webkit-line-clamp:6;}
  body.media-mode[data-island-category="video"] #workspace #api-model-link,
  body.media-mode[data-island-category="video"] #workspace .asset-library-dock,
  body.media-mode[data-island-category="video"] #workspace .reference-phone-camera {display:none!important;}

  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer {
    display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;
    grid-template-rows:minmax(min-content,1fr) 3rem!important;height:var(--island-composer-height,11.25rem)!important;min-height:11.25rem!important;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer.without-reference-slots {grid-template-columns:minmax(0,1fr)!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer .composer-main {
    grid-column:2!important;grid-row:1!important;display:flex!important;align-items:flex-start;min-height:0;padding:.9375rem var(--video-input-right-space,2.875rem) .9375rem 0!important;gap:.5rem;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer.without-reference-slots .composer-main {grid-column:1!important;padding-left:1.5625rem!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer :is(#prompt,.refmedia-rich-input) {
    flex:1;width:100%;min-width:0;padding:0!important;height:var(--island-prompt-height,5.9375rem)!important;
    min-height:max(5.9375rem,min(13.1875rem,var(--island-prompt-height,5.9375rem)))!important;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer #media-reference-slots {grid-column:1!important;grid-row:1!important;padding:1.5625rem!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer #media-control-row {
    grid-column:1 / -1!important;grid-row:2!important;position:static!important;left:auto;right:auto;bottom:auto;
    height:3rem;min-height:0;padding:.5625rem 3.4375rem .75rem .9375rem!important;border:0!important;gap:.75rem!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer .reference-controls-track {height:1.875rem;min-height:0;scrollbar-width:none;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer .media-control-shell {order:0!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer .composer-footer {
    position:absolute!important;grid-column:auto!important;grid-row:auto!important;right:.9375rem!important;bottom:.65625rem!important;
    padding:0!important;margin:0!important;flex-direction:column!important;gap:.40625rem!important;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer #ai-prompt-helper {position:absolute!important;top:auto!important;right:0!important;bottom:2.9375rem!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace .composer-rail {
    display:flex!important;position:absolute!important;left:calc(100% + .625rem);right:auto!important;top:auto!important;bottom:0!important;
    flex-direction:column!important;transform:none!important;padding:.5rem;border:1px solid #1e1f25;border-radius:999px;
    background:rgba(27,28,33,.95);gap:.5rem!important;box-shadow:0 .5rem 1.25rem #0000002e;
  }
  body.media-mode[data-island-category="video"] #workspace .composer-rail #manual {display:flex!important;background:#ffffff0f;border-color:#00cae073;color:#00cae0;}
  body.media-mode[data-island-category="video"] #workspace #refct-help {display:none!important;}
  body.media-mode[data-island-category="video"] #workspace #media-extra-actions {
    display:flex!important;flex-direction:column;position:absolute!important;left:auto!important;right:calc(100% + .625rem + 1px);bottom:-1px!important;
    width:auto!important;padding:.5rem;gap:.5rem!important;border:1px solid #1e1f25;border-radius:999px;background:rgba(27,28,33,.95);
  }
  body.media-mode[data-island-category="video"] #workspace #media-extra-actions .media-extra-action {
    display:grid!important;place-items:center;position:relative!important;flex:none!important;width:1.875rem!important;height:1.875rem!important;
    padding:0!important;border-radius:50%!important;background:#1c1e22!important;border:1px solid #ffffff33!important;color:#f5fbff!important;
  }
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace #media-extra-actions {padding:.5rem!important;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.18)!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace #media-extra-actions .media-extra-action {font:400 13.3333px/1 Arial!important;gap:normal!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace #media-extra-actions .media-extra-action svg {width:14px!important;height:14px!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace #media-extra-actions .media-extra-assets svg {width:12px!important;height:12px!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="video-enhance"]) #workspace #media-extra-actions .media-extra-assets svg {width:14px!important;height:14px!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="video-enhance"]) #workspace #media-extra-actions .media-extra-camera {display:none!important;}
  body.media-mode[data-island-category="video"] #workspace #media-extra-actions .media-extra-action::before {content:none!important;}
  body.media-mode[data-island-category="video"] #workspace #media-extra-actions .media-extra-scan {border-color:#00cae073!important;color:#00cae0!important;}
}
@media (min-width:801px) and (max-width:840px) {
  body.media-mode[data-island-category="video"] #workspace .chat-workspace {width:min(70rem,max(calc(100% - 9rem),20rem));}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="wan3.0-video-cankaosheng"]) .reference-link-corner {display:none!important;}
}

@media (min-width:451px) and (max-width:800px) {
  body.media-mode[data-island-category="video"][data-native-workbench=""] #workspace .composer-rail {left:auto;right:calc(3.4375rem + 1px)!important;bottom:calc(.65625rem + 1px)!important;flex-direction:row!important;padding:0;border:0;background:transparent;gap:.625rem!important;box-shadow:none;}
  body.media-mode[data-island-category="video"] #workspace .composer-rail #manual,
  body.media-mode[data-island-category="video"] #workspace #media-extra-actions {display:none!important;}
  body.media-mode[data-island-category="video"]:not([data-vidu-script="reviewed"]) #workspace .reference-phone-camera {display:flex!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer #media-control-row {padding-right:10.9375rem!important;}
}
@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"] #workspace #composer #asset-text {position:static;flex:none;width:1.5rem;height:1.5rem;padding:.25rem;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer :is(#prompt,.refmedia-rich-input) {max-height:13.1875rem!important;color:color(srgb .960784 .984314 1 / .88)!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace #composer .media-control {font:400 13.3333px Arial!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .sd20-image-stack>.reference-slot-wrap.is-empty>.reference-slot {transform:rotate(-8deg)!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not(:has(.model-item-active:is([data-model-id="sd-2.0-reference"],[data-model-id="video-enhance"]))) #workspace #composer :is(.reference-input-groups[data-variant="mixed"] .reference-slot-wrap.is-empty,.sd20-portrait-trigger[data-reference-empty="true"]) .frame-label {line-height:1.15!important;padding:0 .125rem!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #media-extra-actions {display:none!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer .composer-footer {bottom:0!important;height:0!important;}
  body.media-mode[data-island-category="video"][data-native-workbench=""]:not([data-vidu-script="reviewed"]) #workspace #composer #send-button {position:absolute!important;right:0!important;bottom:.65625rem!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .media-chip-icon {width:14px!important;height:14px!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .media-chip-route .media-chip-icon {width:12px!important;height:12px!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .media-chip-chevron {width:10px!important;height:10px!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .media-control {gap:.375rem!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .media-chip-label {font-size:.75rem;font-weight:500;line-height:1;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .vidu-textarea {font:.8125rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","HarmonyOS Sans","Microsoft YaHei",sans-serif!important;color:#f5fbff!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer #media-control-row {position:static!important;left:auto;right:auto;bottom:auto;padding:0 0 0 1rem!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .reference-controls-track {gap:.5rem;height:1.875rem;min-height:0;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control-shell {order:0!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control:is([data-control-id="count"],[data-control-id="route"]) {font:400 13.3333px Arial!important;}
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="wanxiang-3.0"])[data-island-input-variant="first-last"] #workspace .frame-label {color:rgba(106,114,122,.88)!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body[data-island-category="video"] .reference-profile-menu {font-size:1rem;line-height:1.5;color:#000;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer #media-control-row {align-items:center!important;align-self:center!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control:not([data-control-id="route"]):not([data-control-id="count"]) {gap:.375rem!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-chip-chevron {width:9px!important;height:9px!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace .native-style-chevron {margin-left:0;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .native-toggle[aria-pressed="true"] {background:rgba(99,102,241,.15)!important;border-color:rgba(99,102,241,.4)!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer #media-control-row {min-height:0;align-self:start!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace .native-style-chevron {margin-left:.125rem;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control:not([data-control-id="route"]):not([data-control-id="count"]) .media-chip-chevron {width:9px!important;height:9px!important;margin-left:.125rem;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control:is([data-control-id="route"],[data-control-id="count"]) .media-chip-chevron {width:10px!important;height:10px!important;}
}
@media (min-width:451px) and (max-width:800px) {
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace .composer-rail {display:none!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer {grid-template-columns:minmax(0,1fr) 3.5rem!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .reference-controls-track {scrollbar-width:none;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .reference-controls-track::-webkit-scrollbar {display:none;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer #send-button {width:1.875rem!important;height:1.875rem!important;min-width:1.875rem!important;margin-right:1rem!important;}
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .native-toggle {gap:.5rem!important;}
  body[data-island-category="video"][data-vidu-script="reviewed"] .native-enum-popup.reference-profile-menu {width:max-content!important;min-width:140px!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"][data-vidu-script="reviewed"] #workspace #composer .media-control.native-toggle[aria-pressed] {gap:.5rem!important;}
}

@media (min-width:451px) and (max-width:840px) {
  body.media-mode[data-island-category="video"] #workspace #composer .refmedia-rich-input {overflow-x:hidden;}
}

@media (max-width:450px) {
  body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) #workspace .sd20-image-stack>.reference-slot-wrap.is-empty>.reference-slot {transform:rotate(-8deg)!important;}
}

body.media-mode[data-island-category="video"]:has(.model-item-active[data-model-id="sd-2.0-reference"]) .reference-profile-menu {font-size:1rem;line-height:1.5;color:#000;}

/* The native MV form retains its own three-card layout. Its external actions
   share the observed capsule from 801px, including the desktop hover states. */
@media (min-width:801px) {
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions {
    display:flex!important;width:auto!important;bottom:-1px!important;padding:.5rem!important;gap:.5rem!important;
    align-items:center;justify-content:center;border:1px solid #1e1f25!important;border-radius:999px!important;
    background:rgba(27,28,33,.95)!important;color:#fff;font-size:1rem;line-height:1.5;
    box-shadow:0 .5rem 1.25rem rgba(0,0,0,.18)!important;backdrop-filter:blur(.625rem);z-index:35;
    transition:opacity .25s ease .12s,visibility 0s linear .12s;
  }
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-action {
    font:400 13.3333px/1 Arial!important;gap:normal!important;border:1px solid rgba(255,255,255,.2)!important;
    transition:all .2s ease;
  }
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-action svg {width:14px!important;height:14px!important;}
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-assets[data-native-group="images"] svg {width:12px!important;height:12px!important;}
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-scan {border-color:color-mix(in srgb,#00cae0 45%,transparent)!important;}
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-action:hover:not(:disabled) {border-color:#00cae0!important;}
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-scan:hover:not(:disabled) {background:color-mix(in srgb,#00cae0 18%,#1c1e22)!important;}
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions .media-extra-action:active {transform:scale(.96);}
}
@media (min-width:801px) and (max-width:840px) {
  /* In this range the local containing block includes the form's .75rem
     horizontal inset; the reference action wrapper is outside that inset. */
  body.media-mode[data-island-category="video"][data-native-workbench="music-video"] #workspace #media-extra-actions {right:calc(100% + .625rem + .75rem + 1px)!important;}
}