#view-editor .canvas-composer-dock-header {
    display:none;align-items:center;gap:24px;min-height:126px;margin-bottom:18px;
}
#view-editor .canvas-composer-docked > .canvas-composer-dock-header { display:flex; }
#view-editor .canvas-composer-dock-title { display:none;min-width:0;font-size:45px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d9dddd; }
#view-editor .canvas-composer-dock-toggle {
    display:grid;place-items:center;flex:0 0 126px;width:126px;height:126px;margin-left:auto;
    padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#ddd;
    box-shadow:none!important;outline:0;cursor:pointer;transition:transform .16s;
}
#view-editor #workspace-canvas .canvas-composer-dock-toggle svg { width:75px;height:75px; }
#view-editor .canvas-composer-dock-toggle:active { transform:scale(.9); }
#view-editor .canvas-composer-dock-toggle:focus-visible { outline:4px solid #c8b994;outline-offset:5px; }
#view-editor .canvas-stage.canvas-composer-placement-right :is(.canvas-text-node-composer,.canvas-image-node-composer) { transition:none; }
#view-editor .canvas-stage.canvas-composer-placement-right :is(.canvas-text-node-composer,.canvas-image-node-composer):not(:popover-open) { display:none; }
#view-editor #workspace-canvas .canvas-composer-docked.canvas-text-node-composer,
#view-editor #workspace-canvas .canvas-composer-docked.canvas-image-node-composer {
    position:fixed;inset:auto;margin:0;padding:36px;zoom:0.3333333333;
    transform:none;transform-origin:top left;scale:1;opacity:1;transition:none;min-height:0;max-width:none;
    overflow:auto;overscroll-behavior:contain;box-sizing:border-box;
    border:0;border-radius:48px!important;background:#242525;
    box-shadow:0 20px 90px #0005;scrollbar-width:thin;scrollbar-color:#555 transparent;
}
#view-editor .canvas-composer-docked::backdrop { background:transparent;pointer-events:none; }
#view-editor .canvas-composer-docked:popover-open:not(.collapsed) { display:flex;flex-direction:column; }
#view-editor .canvas-composer-docked > * { flex-shrink:0; }
#view-editor .canvas-composer-docked .canvas-composer-dock-title { display:block; }
#view-editor .canvas-composer-docked .canvas-composer-dock-toggle svg { transform:scaleX(-1); }
#view-editor .canvas-composer-docked .canvas-prompt-wrap { flex:1 0 144px;min-width:0;min-height:144px;aspect-ratio:auto; }
#view-editor .canvas-composer-docked .canvas-image-node-prompt,
#view-editor .canvas-composer-docked .canvas-text-node-input {
    min-height:0;max-height:none;height:100%;aspect-ratio:auto;resize:none;
}
#view-editor .canvas-composer-docked .canvas-video-ref-strip { gap:12px;margin-bottom:12px; }
#view-editor .canvas-composer-docked .canvas-video-ref-item { flex:0 0 144px;width:144px;height:102px; }
#view-editor .canvas-composer-docked .canvas-video-ref-strip .canvas-video-ref-num { min-width:30px;height:36px;padding:0 6px;font-size:24px; }
#view-editor .canvas-composer-docked .canvas-video-ref-strip .canvas-video-ref-name { padding:3px 6px;font-size:24px; }
#view-editor .canvas-composer-docked .canvas-image-node-bottom,
#view-editor .canvas-composer-docked .canvas-text-node-actions { flex-wrap:wrap;row-gap:30px; }
#view-editor .canvas-composer-docked .canvas-image-node-model-btn { max-width:100%; }
#view-editor .canvas-composer-docked .canvas-image-node-model-picker,
#view-editor .canvas-composer-docked .canvas-image-node-settings-panel {
    position:relative;inset:auto!important;left:auto!important;right:auto!important;
    width:100%;min-width:0;max-width:100%;max-height:none;margin-top:36px;
    padding:36px;transform:none!important;box-sizing:border-box;
}
#view-editor .canvas-composer-docked .canvas-image-ratio-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
#view-editor .canvas-composer-docked .canvas-image-setting-row { flex-wrap:wrap; }
#view-editor .canvas-composer-docked .canvas-image-model-grid button { min-width:0; }
@media(prefers-reduced-motion:reduce){#view-editor .canvas-composer-dock-toggle{transition:none}}