/* Explicitly selected media cards share the established stack/append controls.
   This file does not make unreviewed mixed groups opt into these presentations. */
.reference-group-media-card {background:transparent;color:#fff;}
.reference-group-media-preview {position:relative;color:#fff;font:inherit;}
.reference-group-media-preview:disabled {font-size:.5625rem;line-height:.84375rem;}
.reference-group-video-poster {display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.reference-group-video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--media-play-size);height:var(--media-play-size);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;pointer-events:none;}
.reference-group-video-play[data-icon="ring"] svg {display:block;width:var(--media-play-icon-size);height:var(--media-play-icon-size);fill:#fff;}
.reference-group-audio-block {display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:rgba(255,255,255,.95);pointer-events:none;}
.reference-group-audio-block svg {display:block;flex:none;width:22px;height:22px;}
.reference-group-audio-format {font-size:.5625rem;line-height:.84375rem;color:rgba(255,255,255,.8);}
/* Original quan media content shares these metrics with every explicit fan. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-media"] {line-height:1.5;}
.reference-group-media-stack[data-stack-interaction="reference-media"] .reference-group-audio-block {gap:.1875rem;}
.reference-group-media-stack[data-stack-interaction="reference-media"] .reference-group-audio-format {font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.reference-group-media-stack[data-stack-interaction="reference-media"] :is(.reference-group-audio-block svg,.reference-group-video-play svg) {line-height:0;}

/* Explicit reviewed groups share one fan; undeclared image/chat callers keep defaults. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-media"] .sd20-stack-tooltip{display:none!important}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card{transition:transform .3s cubic-bezier(.4,0,.2,1)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:not(:hover):not(:has(:focus-visible)):not(:focus-visible){transform:translateX(calc(var(--stack-index) * 3.5rem)) rotate(var(--stack-open-angle));z-index:var(--stack-z)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .sd20-stack-delete{display:flex;width:1.25rem;height:1.25rem;padding:.1875rem;box-sizing:border-box;border:.0625rem solid #41474c;background:#1f2227;color:#fff;font:inherit;z-index:10;opacity:0;visibility:hidden;transform:scale(.5);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .sd20-stack-delete svg{width:.625rem;height:.625rem}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:hover .sd20-stack-delete{opacity:1;visibility:visible;transform:scale(1);transition:all .2s ease}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:hover .sd20-stack-delete:hover{background:#363a41;transform:scale(1.1)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]) .sd20-stack-add{width:2rem!important;height:2rem!important;transform:translate(2.5rem,3.4375rem)!important;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]).expanded .sd20-stack-add{width:3.4375rem!important;height:4.375rem!important;transform:translateX(calc(var(--stack-index) * 3.5rem)) rotate(var(--stack-open-angle))!important;background:#2d2f35;border:.0625rem dashed rgba(98,105,113,.6);border-radius:.1875rem;box-shadow:none;z-index:0}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]) .sd20-stack-add .reference-slot-mini{display:none!important}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]) .sd20-stack-add .reference-slot{display:flex!important;width:100%!important;height:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;transform:none!important;box-shadow:none!important;opacity:0;transition:opacity .2s ease}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]).expanded .sd20-stack-add .reference-slot{opacity:1;transition:opacity .3s ease .1s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]) .sd20-stack-add-circle{display:flex!important;opacity:1;transition:opacity .3s ease .1s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]).expanded .sd20-stack-add-circle{opacity:0;transition:opacity .2s ease}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .reference-media-fan-overlay{display:none;position:absolute;left:0;top:0;width:var(--fan-overlay-width);height:5.3125rem;z-index:0;pointer-events:auto;background:transparent}
@media(min-width:841px){body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-media-fan-overlay{display:block}}

body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:is(:focus-visible,:has(:focus-visible)){transform:translate(calc(var(--stack-index) * 3.5rem),-.75rem) rotate(var(--stack-open-angle)) scale(1.25);z-index:1000}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:is(:focus-visible,:has(:focus-visible)) .sd20-stack-delete{opacity:1;visibility:visible;transform:scale(1);transition:all .2s ease}

body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"]):not(.expanded) .sd20-stack-add:hover{background:#363a41}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-cankao"],[data-stack-interaction="reference-vidu-mv"],[data-stack-interaction="reference-media"],[data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .sd20-stack-card.is-ready .sd20-stack-preview:not(.reference-group-media-preview){cursor:zoom-in}

/* Optional single-slot first/tail frames retain their own overlay and filename. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .reference-group-media-card{background:transparent;color:#fff;line-height:1.5}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .sd20-stack-preview{color:#fff;cursor:zoom-in;transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]).expanded .sd20-stack-preview{cursor:pointer}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .reference-media-fan-overlay{display:none;position:absolute;left:0;top:0;width:3.4375rem;height:6.21875rem;z-index:0;pointer-events:auto;background:transparent}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]).expanded .reference-media-fan-overlay{display:block}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .sd20-stack-tooltip{display:block;top:-2.375rem;bottom:auto;left:50%;transform:translate(-50%) translateY(.25rem);background:color-mix(in srgb,#383c44 88%,transparent);border:.0625rem dashed rgba(61,65,73,.88);color:color-mix(in srgb,#8c99a0 95%,transparent);padding:.375rem .75rem;border-radius:.5rem;font-size:.625rem;line-height:1.5;max-width:12rem;z-index:9999;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]).expanded .reference-group-media-card:is(:hover,:focus-visible,:has(:focus-visible)) .sd20-stack-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s;animation:reference-frame-tooltip-enter .2s ease}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group:is([data-group-interaction="reference-frame"],[data-group-interaction="reference-image-audio"]) .reference-slot{transition:all .3s ease}

@keyframes reference-frame-tooltip-enter{from{opacity:0;transform:translate(-50%) translateY(.25rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}

.reference-group-audio-block[data-appearance="image-to-audio"]{gap:.25rem;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-radius:.1875rem;color:#fff}
.reference-group-audio-block[data-appearance="image-to-audio"] svg{width:20px;height:20px;line-height:0;color:rgba(255,255,255,.9)}
.reference-group-audio-block[data-appearance="image-to-audio"] .reference-group-audio-format{font-size:.5rem;line-height:1.5;font-weight:500;color:rgba(255,255,255,.7)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-image-audio"][data-media-kind="audio"] .reference-group-media-preview{cursor:default}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-image-audio"][data-media-kind="audio"].expanded .reference-group-media-preview{cursor:pointer}

.reference-group-audio-block[data-appearance="image-to-audio"],.reference-group-audio-block[data-appearance="image-to-audio"] svg,.reference-group-audio-block[data-appearance="image-to-audio"] .reference-group-audio-format{transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .reference-group-media-card{cursor:zoom-in}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-image-audio"][data-media-kind="audio"] .reference-group-media-card{cursor:default}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]).expanded .reference-group-media-card{cursor:pointer}

/* Reviewed single-slot groups need no scrolling rail for their disclosure. */
@media(max-width:840px){body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-frame"],[data-stack-interaction="reference-image-audio"]) .sd20-stack-rail{width:7rem;overflow:visible;pointer-events:none}}

/* The reviewed video_to_image fan keeps its filenames and opposite image angles. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .reference-group-media-card{background:transparent;color:#fff;line-height:1.5;cursor:zoom-in}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"])[data-media-kind="video"] .reference-group-media-card{cursor:default}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card{cursor:pointer}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .sd20-stack-preview{cursor:inherit;color:#fff}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .sd20-stack-card.is-ready .sd20-stack-preview:not(.reference-group-media-preview){cursor:pointer}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) :is(.sd20-stack-preview,.reference-group-video-play,.reference-media-fan-overlay){transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-image"] .sd20-stack-add{cursor:pointer}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-image"]:not(.expanded) .sd20-stack-add{background:#323339}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]) .sd20-stack-tooltip{display:block;top:-2.375rem;bottom:auto;left:50%;transform:translate(-50%);background:color-mix(in srgb,#383c44 88%,transparent);border:.0625rem dashed rgba(61,65,73,.88);color:color-mix(in srgb,#8c99a0 95%,transparent);padding:.375rem .75rem;border-radius:.5rem;font-size:.625rem;line-height:1.5;max-width:12rem;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-card:is(:hover,:focus-visible,:has(:focus-visible)) .sd20-stack-tooltip{opacity:1;visibility:visible}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"])[data-media-kind="video"] .reference-group-media-preview{cursor:default}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-group-media-preview{cursor:pointer}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"]).expanded .reference-media-fan-overlay{display:block}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"])[data-media-kind="video"] .reference-media-fan-overlay{height:6.21875rem}
@media(max-width:840px){
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack:is([data-stack-interaction="reference-video-image"],[data-stack-interaction="reference-video-continuation"])[data-media-kind="video"] .sd20-stack-rail{width:7rem;overflow:visible;pointer-events:none}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-image"][data-media-kind="image"] .sd20-stack-rail{top:-4.5rem;height:10.125rem;padding-top:4.5rem}
}

/* Continuation: singleton tail and original native video surface, no center play action. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-continuation"] .reference-group-video-play{left:.25rem;top:auto;bottom:.25rem;transform:none;background:rgba(0,0,0,.55)}
@media(max-width:840px){body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-continuation"] .sd20-stack-rail{width:7rem;overflow:visible;pointer-events:none}}

body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-continuation"] .reference-media-fan-overlay{height:6.21875rem}

.reference-native-video-error{position:absolute;bottom:-2.5rem;left:0;background:rgba(239,68,68,.92);color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;line-height:1.5;white-space:nowrap;z-index:9999;pointer-events:none}

/* Same VI component: keep empty native cards tilted after removal at both widths. */
body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-interaction="reference-video-image"] .reference-slot-wrap:not(.sd20-stack-add){transform:none!important}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-interaction="reference-video-image"][data-group-kind="video"] .reference-slot-wrap.is-empty:not(.sd20-stack-add)>.reference-slot{transform:rotate(-8deg)!important}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-interaction="reference-video-image"][data-group-kind="image"] .reference-slot-wrap.is-empty:not(.sd20-stack-add)>.reference-slot{transform:rotate(8deg)!important}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-video-image"]{color:#fff;line-height:1.5}

body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-interaction="reference-video-image"][data-group-kind="video"] .reference-slot-wrap.is-empty:not(.sd20-stack-add):hover>.reference-slot{transform:rotate(-8deg) scale(1.08)!important}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-interaction="reference-video-image"][data-group-kind="image"] .reference-slot-wrap.is-empty:not(.sd20-stack-add):hover>.reference-slot{transform:rotate(8deg) scale(1.08)!important}

/* Native vidu_mv reuses the fan mechanics with its own required cards/player. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"]{line-height:1.5}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .reference-group-media-card{background:transparent;color:#fff}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group:is([data-group-id="images"],[data-group-id="audio"]) .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .reference-group-media-card.is-ready{border-color:rgba(255,82,82,.82);box-shadow:0 0 0 .0625rem #ff5252b8,0 .25rem .75rem #0000004d}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"][data-media-kind="audio"] .reference-group-media-card{background-image:linear-gradient(135deg,#6366f1,#8b5cf6)}
.reference-group-audio-block[data-appearance="vidu-mv"]{gap:.25rem;color:rgba(255,255,255,.9)}
.reference-group-audio-block[data-appearance="vidu-mv"] svg{width:20px;height:20px;line-height:0;fill:#fff}
.reference-group-audio-block[data-appearance="vidu-mv"] .reference-group-audio-format{font-size:.5rem;line-height:1.5;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.05em;text-transform:uppercase}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-delete{font:400 13.3333px Arial;color:#000;z-index:12;transition:opacity .18s,transform .2s}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group:is([data-group-id="lip"],[data-group-id="audio"]) .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-delete{opacity:1;visibility:visible;transform:none}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-delete:hover{background:#363a41;transform:scale(1.1)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-preview{cursor:zoom-in}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"][data-media-kind="audio"] .sd20-stack-preview{cursor:pointer}
body.media-mode[data-native-workbench="music-video"] #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-add .reference-slot{transform:none!important;border:0!important;box-shadow:none!important;min-width:0!important;background:transparent!important}
@media(max-width:840px){body.media-mode #workspace #composer #media-reference-slots .reference-input-group:is([data-group-id="lip"],[data-group-id="audio"]) .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-rail{overflow:visible;pointer-events:none}}

body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .reference-group-media-card.is-playing{animation:reference-mv-audio-pulse 1.2s ease-in-out infinite}
@keyframes reference-mv-audio-pulse{0%,to{box-shadow:0 0 #6366f18c}50%{box-shadow:0 0 0 .375rem #6366f100}}

body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-add{min-width:0!important}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"].expanded .sd20-stack-add{background:color(srgb .219608 .235294 .266667 / .6);border-color:rgba(255,82,82,.82)}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"].expanded .reference-group-media-card:hover .sd20-stack-delete{transition:opacity .18s,transform .2s}
body.media-mode #workspace #composer #media-reference-slots .reference-input-group[data-group-id="images"] .reference-group-media-stack[data-stack-interaction="reference-vidu-mv"] .sd20-stack-delete{font:inherit;color:#fff}

/* Explicit CanKaoTu: shared fan, its filename disclosure and real horizontal reorder. */
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"]{width:3.4375rem;height:4.375rem;color:#fff;line-height:1.5}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"] .reference-group-media-card{border-width:.125rem;background:transparent;cursor:zoom-in}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"] .sd20-stack-preview{cursor:inherit;color:#fff}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"].expanded .reference-group-media-card{cursor:grab;touch-action:pan-y}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"].expanded .sd20-stack-preview{cursor:grab!important;touch-action:pan-y}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"].is-reordering .reference-group-media-card{cursor:grabbing!important;user-select:none}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"].is-reordering :is(.sd20-stack-tooltip,.sd20-stack-delete){opacity:0!important;visibility:hidden!important}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"] .sd20-stack-tooltip{display:block;top:-2.375rem;bottom:auto;left:50%;transform:translate(-50%) translateY(.25rem);background:color-mix(in srgb,#383c44 88%,transparent);border:.0625rem dashed rgba(61,65,73,.88);color:color-mix(in srgb,#8c99a0 95%,transparent);padding:.375rem .75rem;border-radius:.5rem;font-size:.625rem;line-height:1.5;max-width:12rem;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
body.media-mode #workspace #composer #media-reference-slots .reference-group-media-stack[data-stack-interaction="reference-cankao"].expanded .reference-group-media-card:is(:hover,:focus-visible,:has(:focus-visible)) .sd20-stack-tooltip{opacity:1;visibility:visible;transform:translate(-50%);transition:background-color .25s,color .2s,border-color .25s,box-shadow .25s;animation:reference-frame-tooltip-enter .2s ease}