body:not(.home) #dock{background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:12px 14px;backdrop-filter:none;gap:0;}
body:not(.home) #dock .d-head{display:flex;gap:7px;margin:0 0 8px;min-width:0;}
body:not(.home) #dock .d-title{display:none;}
body:not(.home) #dock .d-head button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:4px 9px;border:0;border-radius:7px;background:var(--panel2);color:var(--dim);font:12px inherit;white-space:nowrap;}
body:not(.home) #dock .d-head button[hidden]{display:none;}
body:not(.home) #dock .d-head button:hover{color:var(--text);background:var(--panel3);}
body:not(.home) #dock #fullscreen-btn{background:transparent;margin-left:auto;padding:4px;min-width:29px;}
body:not(.home) #dock #fullscreen-btn span{display:none;}
body:not(.home) #dock #prompt-box{background:transparent;border:0;border-radius:0;height:142px;max-height:240px;min-height:70px;flex:1 1 142px;}
body:not(.home) #dock #prompt{padding:10px 5px 12px;color:var(--text);font-size:14px;line-height:1.85;}
body:not(.home) #dock #prompt-placeholder{top:10px;left:5px;right:5px;color:var(--dim);font-size:13px;line-height:1.85;}
body:not(.home) #ref-area,body:not(.home) #fs-refs{gap:8px;min-height:0;max-height:124px;flex:none;padding:3px 4px;margin:0;border:0;align-content:start;align-items:center;overflow:auto;}
body:not(.home) #ref-area::before{content:none;}
body:not(.home) #ref-area .ref-empty,body:not(.home) #fs-refs .fs-ref-empty{display:none;}
body:not(.home) :is(#ref-area .ref-item,#fs-refs .fs-ref){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid var(--line2);border-radius:7px;background:var(--panel2);overflow:hidden;}
body:not(.home) :is(#ref-area .ref-item,#fs-refs .fs-ref) :is(img,video){width:100%;height:100%;object-fit:cover;border-radius:0;}
body:not(.home) :is(#ref-area,#fs-refs) .ref-number{position:absolute;top:0;left:0;padding:1px 4px;min-width:14px;font-size:10px;line-height:14px;border-radius:0 0 4px 0;background:var(--text);color:var(--panel);text-align:center;}
body:not(.home) :is(#ref-area,#fs-refs) .ref-kind{position:absolute;bottom:1px;right:3px;color:#fff;text-shadow:0 1px 3px #000;font-size:10px;}
body:not(.home) :is(#ref-area,#fs-refs) .ref-submit-summary:not(.warn){display:none;}
body:not(.home) :is(#ref-area,#fs-refs) :is(.ref-submit-summary.warn,.linked-text-note){font-size:11px;white-space:normal;color:var(--dim);background:var(--panel2);border-color:var(--line);}
body:not(.home) :is(#prompt,#fs-prompt) .chip{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;padding:1px 5px 1px 2px;margin:0 2px;min-height:24px;max-height:27px;border:1px solid var(--line2);border-radius:6px;color:var(--text);background:var(--panel2);font-size:12px;line-height:1;white-space:nowrap;}
body:not(.home) :is(#prompt,#fs-prompt) .chip :is(img,video){width:18px;height:20px;border-radius:3px;object-fit:cover;}
body:not(.home) :is(#prompt,#fs-prompt) .chip .x{padding:2px;color:var(--dim);cursor:pointer;}
body:not(.home) #dock .dock-footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:none;margin-top:8px;min-width:0;}
body:not(.home) #dock #param-row{display:contents;margin:0;padding:0;}
body:not(.home) #dock .video-controls-row{display:contents;}
body:not(.home) #dock :is(.param,.video-params-field){min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:7px;background:transparent;}
body:not(.home) #dock .model-param{order:0;flex:0 1 160px;}
body:not(.home) #dock .model-param::before{content:none;}
body:not(.home) #dock :is(.model-param,.count-param){display:flex;flex-direction:row;align-items:center;gap:3px;}
body:not(.home) #dock :is(.model-param label,.video-field-label){display:none;}
body:not(.home) #dock :is(select,.ym-model-picker){height:34px;min-height:34px;max-width:100%;min-width:0;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--text);font:12px inherit;}
body:not(.home) #dock .ym-model-picker{padding-right:20px;}
body:not(.home) #dock select option{color:var(--text);background:var(--panel);}
body:not(.home) #dock .prompt-purpose{order:1;max-width:100px;}
body:not(.home) #dock .prompt-purpose-warning{order:7;flex:1 0 100%;margin:4px 0 0;padding:0 5px;color:var(--dim);font-size:11px;line-height:1.6;overflow-wrap:anywhere;}
body:not(.home) #dock :is(.video-params-field,.image-pack){order:2;flex:1 1 auto;}
body:not(.home) #dock :is(#video-pack,#image-pack){display:flex;align-items:center;justify-content:space-between;width:auto;max-width:100%;height:34px;min-height:34px;padding:0 5px;gap:4px;border:0;border-radius:7px;background:transparent;color:var(--text);}
body:not(.home) #dock :is(#video-summary,#image-summary){font-size:12px;white-space:normal;overflow-wrap:anywhere;}
body:not(.home) #dock .count-param{order:3;flex:none;margin-left:0;}
body:not(.home) #dock .count-param label{color:var(--dim);font-size:11px;}
body:not(.home) #dock #p-count{width:36px;padding:0 2px;color:var(--text);}
body:not(.home) #dock .dock-actions{order:4;display:flex;gap:2px;margin-left:auto;}
body:not(.home) #dock .dock-actions button{display:grid;place-items:center;width:29px;height:34px;background:transparent;border:0;border-radius:6px;color:var(--dim);font-size:18px;}
body:not(.home) #dock :is(.dock-actions button,.param,.prompt-purpose):hover{background:var(--panel2);}
body:not(.home) #dock #gen-cost{order:5;min-width:0;height:34px;color:var(--dim);font-size:12px;}
body:not(.home) #dock #gen-cost::before{content:'';margin-right:4px;color:inherit;}
body:not(.home) #dock #gen-cost::after{content:none;}
body:not(.home) #dock #gen-btn{order:6;position:static;flex:none;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:12px;box-shadow:none;background:var(--shell-primary);color:var(--shell-on-primary);}
body:not(.home) #dock #gen-btn::after{content:none;}
body:not(.home) #dock #gen-btn svg{width:21px;height:21px;}
body:not(.home) #dock .video-risk-warning{order:10;flex:1 0 100%;margin:2px 0 0;font-size:10px;}
body:not(.home) #dock #video-channel-summary{order:9;flex-basis:100%;}
body:not(.home) #dock #dock-extra[hidden]{display:none;}
body:not(.home) #dock #dock-extra{padding-top:10px;margin-top:9px;border-top:1px solid var(--line);max-height:140px;overflow:auto;flex:none;}
body:not(.home) #dock .nodeflow-dock{border:0;padding:5px 0;margin:0;gap:6px;}
body:not(.home) #dock .composer-workflow-action{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel2);font-size:12px;}
body:not(.home) #dock .composer-duration-note{margin:5px 0;color:var(--dim);font-size:11px;}
body:not(.home) #dock #video-channel-field{display:flex;align-items:center;gap:8px;max-width:100%;margin-bottom:6px;}
body:not(.home) #dock .video-channel-control{position:relative;min-width:0;max-width:280px;border:1px solid var(--line);background:var(--panel2);border-radius:7px;}
body:not(.home) #dock :is(.video-config-pop,.image-config-pop){background:var(--panel);border-color:var(--line2);color:var(--text);max-width:calc(100vw - 40px);box-shadow:var(--node-shadow);}
body:not(.home) #dock :is(.vcfg-title,.image-size-cap-note,.dim-link,.image-align-row,.vcfg-unit){color:var(--dim);}
body:not(.home) #dock :is(.vcfg-btn,.dim-field,.vcfg-duration input){background:var(--panel2);color:var(--dim);border-color:var(--line2);}
body:not(.home) #dock .vcfg-btn.on{color:var(--text);border-color:var(--text);background:var(--panel3);}
body:not(.home) #dock :is(.dim-field input,.vcfg-duration input){color:var(--text);}
body:not(.home) #fs-editor{background:var(--panel);color:var(--text);}
body:not(.home) #fs-editor :is(.fs-head,#fs-prompt){background:transparent;color:var(--text);border-color:var(--line);}
body:not(.home) #fs-editor #fs-prompt .chip{color:var(--text);background:var(--panel2);border:1px solid var(--line2);}
body:not(.home) #fs-editor #fs-refs .fs-ref .ref-number{color:var(--panel);background:var(--text);}
body:not(.home) #ref-hover-preview{background:var(--panel);border-color:var(--line2);}
body:not(.home) #dock button:focus-visible,body:not(.home) #dock select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
@media(max-width:600px){
  body:not(.home) #dock{padding:10px;border-radius:14px;}
  body:not(.home) #dock .d-head{gap:4px;}
  body:not(.home) #dock .d-head button{padding:3px 6px;font-size:11px;}
  body:not(.home) #dock #prompt{font-size:16px;}
  body:not(.home) #dock .model-param{flex-basis:150px;}
  body:not(.home) #dock .video-params-field{flex:1 0 100%;order:2;}
  body:not(.home) #dock .count-param{order:3;}
  body:not(.home) #dock .dock-actions{margin-left:auto;}
  body:not(.home) #dock .video-config-pop{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-width:none;max-height:70dvh;}
}
@media(pointer:coarse){
  body:not(.home) #dock .d-head button{min-height:44px;}
  body:not(.home) #dock :is(select,.ym-model-picker,#video-pack,#image-pack,.dock-actions button,#gen-btn){min-height:44px;height:44px;}
  body:not(.home) #dock :is(.dock-actions button,#fullscreen-btn){width:44px;min-width:44px;}
  body:not(.home) #dock #gen-btn{width:44px;}
}