/* 生成设置：模型优先占宽，画幅更紧凑且两控件等高。 */
.composer .two-col{grid-template-columns:minmax(0,1.6fr) minmax(190px,.8fr);gap:14px}
.composer .two-col.seedance-selected{grid-template-columns:minmax(0,1.5fr) minmax(150px,.62fr) minmax(120px,.48fr)}
.composer .two-col .model-select-wrap select,.composer .two-col .segmented{height:58px}
.composer .two-col .model-select-wrap select{padding-right:54px!important;font-size:12px;font-weight:900;white-space:nowrap}
.composer .two-col .model-select-wrap img{left:var(--model-bean-left,238px);right:auto;width:28px;height:23px}
.composer .two-col .segmented{padding:3px}
.composer .two-col .segmented label{height:100%;display:flex}
.composer .two-col .segmented span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;white-space:nowrap}
.model-option-note{margin:-10px 0 18px;color:#746d59;font-size:11px;font-weight:700}
.seedance-options{margin:-3px 0 18px;padding:13px 14px 9px;border:3px solid #1b1b1b;background:#fff1af;box-shadow:4px 4px 0 #ef5d2b;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.35fr) minmax(0,1.4fr);align-items:end;gap:10px;overflow:hidden}
.seedance-grid{display:contents}.seedance-grid .field,.seedance-options>.field{margin:0}
.seedance-options .field{display:grid;grid-template-rows:20px 42px;align-items:end;min-width:0}.seedance-options .seedance-audio{min-width:0}
.seedance-options .field label{height:20px;margin:0!important;display:flex;align-items:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seedance-options .field input,.seedance-options .field select,.seedance-options .field textarea{height:42px!important;min-height:42px!important;min-width:0!important;margin:0!important}
.seedance-grid select,.seedance-options input,.seedance-options textarea{border:2px solid #1d1d1d!important;background:#fffdf4!important;color:#181818!important;font-size:12px!important;font-weight:800}.seedance-options textarea{min-height:52px!important;padding:8px 10px!important;resize:vertical}
.seedance-audio{height:42px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;border:2px solid #1d1d1d;background:#fffdf4;color:#171717!important;margin:0!important;letter-spacing:0!important;cursor:pointer}.seedance-audio input{display:none}.seedance-audio i{width:26px;height:15px;border-radius:12px;background:#888;position:relative}.seedance-audio i:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;left:3px;top:2.5px;transition:.15s}.seedance-audio input:checked+i{background:#0aab64}.seedance-audio input:checked+i:after{left:13px}.seedance-audio span{font-size:12px;font-weight:900}
.seedance-mode-hint{margin:-5px 0 15px;color:#705a2b;font-size:11px;font-weight:800}
.reference-upload-grid{margin:0}.reference-upload-grid .field{margin:0}.reference-upload-grid.media-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.reference-upload-grid.media-mode .seedance-media-upload-grid:not(.hidden){display:contents}.reference-upload-grid.media-mode .label-row label,.reference-upload-grid.media-mode .dropzone small{display:none}.seedance-media-upload-grid .field{margin:0}.reference-upload-grid.media-mode .dropzone{height:136px!important;min-height:136px!important}.media-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.media-item{max-width:100%;min-width:132px;height:34px;display:flex;align-items:center;gap:6px;border:2px solid #1d1d1d;background:#fffdf4;padding:3px 5px;font-size:10px;font-weight:800}.media-item b{flex:0 0 auto;background:#27a9e8;color:#fff;padding:3px 4px;font-size:9px}.media-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item button{width:18px;height:18px;flex:0 0 auto;border:0;border-radius:50%;background:#252525;color:#fff;font:900 15px/1 Arial;cursor:pointer;padding:0}
.dropzone.disabled{opacity:.48;cursor:not-allowed;background:#dfdfd8!important}.dropzone.disabled:hover{border-color:#1d1d1d!important}
.prompt-reference-button{position:absolute;right:9px;bottom:8px;width:31px;height:31px;border:2px solid #1d1d1d;border-radius:50%;background:#ffdb37;color:#ed3e26;font-size:20px;font-weight:900;line-height:1;cursor:pointer;z-index:2}
.prompt-reference-button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.prompt-reference-menu{position:absolute;z-index:8;left:12px;right:12px;bottom:44px;border:3px solid #1d1d1d;background:#fff8df;box-shadow:6px 6px 0 #ec4b27;padding:10px;max-height:220px;overflow:auto;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.prompt-reference-menu.hidden{display:none!important}
.prompt-reference-menu:before{content:'选择参考素材插入提示词';display:block;color:#5c5340;font-size:12px;font-weight:900;padding:2px 3px 8px;border-bottom:2px solid #1d1d1d}
.prompt-reference-menu:before{flex-basis:100%}.prompt-reference-item{width:58px;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;padding:2px;text-align:center;cursor:pointer;color:#171717}
.prompt-reference-item:hover{background:#ffe06b}.prompt-reference-item img{width:52px;height:52px;object-fit:cover;border:2px solid #1d1d1d}.prompt-reference-item b{font-size:13px;line-height:1}.prompt-reference-empty{flex-basis:100%;padding:12px 3px;color:#746d59;font-size:12px;font-weight:700}
.prompt-video-reference{width:52px;height:52px;display:grid;place-items:center;border:2px solid #1d1d1d;background:#232d3c;color:#ffdb37;font-size:24px;line-height:1}
.prompt-audio-reference{width:52px;height:52px;display:grid;place-items:center;border:2px solid #1d1d1d;background:#355f8f;color:#ffdb37;font:900 27px/1 Arial}
.prompt-reference-menu .prompt-reference-item{position:relative;flex:0 0 58px;min-width:58px;max-width:58px;justify-content:flex-start}
.prompt-reference-menu .prompt-reference-item>img{display:block;flex:0 0 52px;margin:0!important}
.prompt-reference-menu .prompt-reference-item>b{display:block;width:100%;min-height:14px;text-align:center;white-space:nowrap}
.prompt-reference-menu .video-reference-item>img{border-color:#1d1d1d;background:#232d3c}
.prompt-reference-menu .video-reference-item:after{content:'▶';position:absolute;left:50%;top:28px;transform:translate(-50%,-50%);width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.72);color:#ffdb37;font:900 12px/1 Arial;pointer-events:none}
.prompt-reference-menu .audio-reference-item .prompt-audio-reference{flex:0 0 52px}

/* Seedance 的设置面板会很高：顶部栏固定为独立第一行，只有内容区可以滚动。
   不能再让 flex 的自动高度参与浏览器外层滚动，否则确认原生弹窗后会出现整页上移。 */
html,body{width:100%;height:100%;min-height:0;overflow:hidden!important}
.app-shell{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;display:grid!important;grid-template-rows:var(--topbar) minmax(0,1fr)!important;overflow:hidden!important;isolation:isolate}
.app-shell.hidden{display:none!important}
.topbar{grid-row:1;min-height:0!important;height:var(--topbar)!important;position:relative!important;z-index:20!important}
.studio-layout{grid-row:2;min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:var(--progress) minmax(0,1fr)!important;overflow:hidden!important}
.progress-sidebar{min-height:0!important;height:100%!important;overflow:hidden!important}
.content-scroll{min-width:0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
.workspace{max-width:1680px!important;padding-bottom:42px}
@media(max-width:760px){.composer .two-col{grid-template-columns:1fr}.composer .two-col .model-select-wrap select,.composer .two-col .segmented{height:54px}}
@media(max-width:1250px){.seedance-options{grid-template-columns:1.1fr .8fr .9fr 1.2fr 1.25fr}.seedance-mode-hint{grid-column:1/-1}.reference-upload-grid.media-mode{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.seedance-options{display:block;padding:12px 10px 2px}.seedance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seedance-grid .field{margin-bottom:10px}.seedance-audio{margin:10px 0!important}.seedance-options>.field{margin-bottom:10px}.reference-upload-grid.media-mode{grid-template-columns:1fr}}

/* V2V 仅有一个视频素材区，横向占满和普通图生参考图一致的宽度。 */
.reference-upload-grid.media-mode.v2v-mode{display:block}
.reference-upload-grid.media-mode.v2v-mode .seedance-media-upload-grid:not(.hidden){display:block}
.reference-upload-grid.media-mode.v2v-mode .seedance-media-upload-grid .field{width:100%}
.reference-upload-grid.media-mode.v2v-mode .media-dropzone{width:100%;height:136px!important;min-height:136px!important}
.v2v-thumbnail-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.v2v-video-item{overflow:hidden;background:#24304a}
.v2v-video-item>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.72);color:#ffdb37;font-style:normal;font-size:13px;line-height:1}
.v2v-video-fallback{width:100%;height:100%;display:grid;place-items:center;color:#ffdb37;font-size:27px}