.sr-director-panel{overflow:auto!important;min-width:320px}#directorMount{height:100%;overflow:auto;padding:20px;box-sizing:border-box}.director-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.director-header h1{font-size:30px;letter-spacing:-.04em;margin:8px 0}.director-header p{color:var(--sr-muted);margin:0 0 16px}.director-projectbar,.director-controls{display:flex;flex-wrap:wrap;gap:9px;padding:14px 0;border-bottom:1px solid var(--sr-line)}.director-projectbar input{flex:1;min-width:170px}.director-projectbar select{max-width:250px}.director-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--sr-muted)}.director-controls input[type=number]{width:110px}.director-controls .director-toggle{flex-direction:row;align-items:center}.director-advanced{padding:12px 0;color:var(--sr-muted);font-size:12px}.director-advanced label{display:inline-flex;gap:8px;align-items:center;margin:10px}.director-advanced input{width:80px}.director-editor{min-height:500px;padding:8px 0}.director-submit{position:sticky;bottom:-20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--sr-panel);border-top:1px solid var(--sr-line);padding:16px 0;z-index:8}.director-submit>span{font-size:12px;color:var(--sr-muted)}#directorDialog{max-width:800px;width:90vw;color:var(--sr-ink);background:var(--sr-panel);border:1px solid var(--sr-line);border-radius:14px;padding:24px}#directorDialog::backdrop{background:#0009}.director-asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:16px 0;max-height:55vh;overflow:auto}.director-asset-list button{text-align:left;padding:12px;overflow-wrap:anywhere}.director-asset-list small{display:block;margin-top:8px}.director-editor .ds-h3-timeline-host{width:100%!important}.director-editor .ds-h3-timeline{width:100%!important;max-width:none!important;box-sizing:border-box}.director-editor{--comfy-menu-bg:var(--sr-panel);--comfy-input-bg:var(--sr-bg);--sr-bg-text:var(--sr-ink)}.director-editor button,.director-editor select,.director-editor input,.director-editor textarea{font-family:inherit}.director-editor .ds-h3-prompt{min-height:160px}@media(max-width:700px){#directorMount{padding:12px}.director-header h1{font-size:25px}.director-submit{flex-direction:column;align-items:stretch;bottom:-12px}.director-projectbar>*{flex:1;min-width:100px}.director-controls{gap:12px}.director-controls input[type=number]{width:90px}}

/* Eikasia guided Director. Keep the native controls and their handlers. */
#directorMount{padding:24px clamp(16px,3vw,44px);scrollbar-gutter:stable}
#directorMount .director-header{padding:2px 0 8px}
#directorMount .director-projectbar{gap:10px;border:0;padding:12px;background:var(--sr-bg);border-radius:12px;align-items:center}
#directorMount .director-projectbar input{background:var(--sr-panel);max-width:320px}
#directorMount .director-project-tools{position:relative;margin-left:auto;font-size:12px}
#directorMount .director-project-tools summary{padding:8px;cursor:pointer}
#directorMount .director-project-tools[open]{display:flex;flex-wrap:wrap;gap:6px}
#directorMount .director-editor{padding:18px 0 0;min-height:0}
#directorMount .ds-h3{font-family:inherit;font-size:14px;gap:16px;padding:0;height:auto!important;max-height:none!important}
#directorMount .director-step{padding:20px;border:1px solid var(--sr-line);border-radius:14px;background:var(--sr-panel);min-width:0}
#directorMount .director-step-head{display:flex;align-items:center;gap:10px;margin:0 0 14px}
#directorMount .director-step-head h2{font-size:17px;margin:0;color:var(--sr-ink);font-weight:650}
#directorMount .director-step-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--sr-line);border-radius:50%;font-size:12px;color:var(--sr-muted)}
#directorMount .director-step-hint{font-size:12px;line-height:1.8;color:var(--sr-muted);margin:8px 0 14px}
#directorMount .director-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#directorMount .director-mode-grid button{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:6px;white-space:normal;padding:16px!important;border:1px solid var(--sr-line)!important;background:var(--sr-bg)!important;color:var(--sr-ink)!important;border-radius:10px!important;box-shadow:none!important;min-height:84px}
#directorMount .director-mode-grid button strong{font-size:14px;font-weight:600}
#directorMount .director-mode-grid button small{font-size:12px;line-height:1.5;color:var(--sr-muted)}
#directorMount .director-mode-grid button.active{border-color:var(--sr-accent,#58b9be)!important;box-shadow:inset 0 0 0 1px var(--sr-accent,#58b9be)!important;background:color-mix(in srgb,var(--sr-accent,#58b9be) 9%,var(--sr-panel))!important}
#directorMount .ds-h3-mode-hint{color:var(--sr-muted)!important;font-size:12px!important;margin:12px 0 0!important;line-height:1.7}
#directorMount .director-step-optional{padding-top:14px;padding-bottom:8px}
#directorMount .director-step-optional .director-step-head{margin-bottom:0}
#directorMount .director-media-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 14px;font-size:12px;color:var(--sr-muted)}
#directorMount .ds-h3 button,#directorMount .ds-h3 select,#directorMount .ds-h3 input,#directorMount .ds-h3 textarea{background:var(--sr-bg);color:var(--sr-ink);border-color:var(--sr-line);border-radius:7px;font:inherit}
#directorMount .ds-h3 button{padding:8px 12px;line-height:1.4;min-height:34px;box-shadow:none}
#directorMount .ds-h3 button:disabled{opacity:.45;cursor:not-allowed}
#directorMount .ds-h3 button:hover:not(:disabled){border-color:var(--sr-accent,#58b9be)}
#directorMount .ds-h3-prompt{min-height:160px;padding:14px;font-size:14px;line-height:1.9;border-radius:10px}
#directorMount .ds-h3-small{color:var(--sr-muted);font-size:12px}
#directorMount .ds-h3-prompt-panel>div:has(>.ds-h3-small){gap:6px}
#directorMount .director-assistant{margin-left:auto;color:var(--sr-ink)!important;border:1px solid var(--sr-accent,#58b9be)!important;background:color-mix(in srgb,var(--sr-accent,#58b9be) 10%,var(--sr-panel))!important;white-space:normal!important}
#directorMount .director-tools{padding:14px 16px;background:var(--sr-bg);border:1px solid var(--sr-line);border-radius:10px;font-size:12px}
#directorMount .director-tools summary{font-size:13px;cursor:pointer;color:var(--sr-ink);line-height:1.6}
#directorMount .director-tools[open]>summary{margin-bottom:12px}
#directorMount .ds-h3-prompt-toolbar{border:0;background:transparent;padding:0;gap:8px}
#directorMount .ds-h3-prompt-toolbar>.ds-h3-small{display:none}
#directorMount .director-reference-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0 4px}
#directorMount .ds-h3-resolution-panel{padding:0!important;border:0!important;background:transparent!important;gap:14px!important;align-items:end!important;margin:0!important}
#directorMount .ds-h3-res-field,#directorMount .ds-h3-resolution-panel label{color:var(--sr-muted)!important;font-size:12px!important;gap:7px!important}
#directorMount .ds-h3-res-btn{min-width:120px;background:var(--sr-bg)!important;color:var(--sr-ink)!important;border-color:var(--sr-line)!important;box-shadow:none!important;font-size:13px!important}
#directorMount .ds-h3-res-menu{background:var(--sr-panel)!important;border-color:var(--sr-line)!important;max-width:min(580px,85vw)!important;z-index:50}
#directorMount .ds-h3-res-item{color:var(--sr-ink)!important;background:var(--sr-bg)!important;font-size:12px!important}
#directorMount .ds-h3-res-item.active{border-color:var(--sr-accent,#58b9be)!important;background:color-mix(in srgb,var(--sr-accent,#58b9be) 12%,var(--sr-panel))!important}
#directorMount .ds-h3-res-col-title,#directorMount .ds-h3-resolution-panel>span{color:var(--sr-muted)!important}
#directorMount .ds-h3-resolution-panel>span{width:100%;margin:2px 0!important;white-space:normal!important;line-height:1.7}
#directorMount .ds-h3-res-num{min-height:36px;padding:8px;width:100%;box-sizing:border-box}
#directorMount .ds-h3-track{background:transparent;border:0;padding:0;overflow:auto}
#directorMount .ds-h3-ruler{display:none}
#directorMount .ds-h3-track-inner{width:100%!important;height:auto!important;min-width:0;background:transparent!important;display:flex;flex-direction:column;gap:14px}
#directorMount .ds-h3-track-inner::after{display:none}
#directorMount .ds-h3-timeline-lane{position:relative;top:auto!important;min-height:150px;height:auto;display:flex;align-items:flex-start;gap:10px;padding:28px 8px 10px;background:var(--sr-bg);border:1px solid var(--sr-line);border-radius:10px;min-width:min-content;box-shadow:none}
#directorMount .ds-h3-timeline-lane.selected{border-color:var(--sr-accent,#58b9be);box-shadow:none}
#directorMount .ds-h3-lane-label{top:8px;left:10px;color:var(--sr-muted);font-size:12px}
#directorMount .ds-h3-empty-slot,#directorMount .ds-h3-clip{position:relative!important;flex:0 0 auto;min-height:100px;min-width:120px;height:110px;border-radius:8px}
#directorMount .ds-h3-empty-slot{pointer-events:auto;cursor:pointer;border-color:var(--sr-line);color:var(--sr-muted);background:var(--sr-panel);font-size:13px}
#directorMount .ds-h3-empty-slot[hidden],#directorMount .ds-h3-empty-slot-dead{display:none!important}
#directorMount .ds-h3-clip{font-size:11px;color:white;background-size:cover}
#directorMount .ds-h3-clip .ds-h3-edit-btn{position:absolute;right:3px;bottom:19px;padding:3px!important;min-height:24px;font-size:11px;color:#fff;background:#142029c9}
#directorMount .ds-h3-video-stream-controls button{font-size:9px!important;min-height:18px!important;padding:2px!important}
#directorMount .ds-h3-clip-close{min-height:18px!important;padding:0!important;line-height:16px!important}
#directorMount .ds-h3-continuity-row{background:transparent;border:0;padding:0;display:flex!important;gap:10px}
#directorMount .ds-h3-continuity-row button{border-radius:7px!important;color:var(--sr-ink)!important;background:var(--sr-panel)!important;border-color:var(--sr-line)!important;box-shadow:none!important}
#directorMount .ds-h3-continuity-row button.active{border-color:var(--sr-accent,#58b9be)!important}
#directorMount .ds-h3-continuity-info,#directorMount .ds-h3-continuity-state{color:var(--sr-muted);font-size:12px;line-height:1.7;white-space:normal}
#directorMount .ds-h3-continuity-row select{background:var(--sr-panel);color:var(--sr-ink);border-color:var(--sr-line);padding:8px}
#directorMount .director-controls{margin-top:14px;padding:18px 20px;gap:18px;border:1px solid var(--sr-line);border-radius:12px}
#directorMount .director-controls label{font-size:12px;gap:8px}
#directorMount .director-controls select,#directorMount .director-controls input[type=number]{min-height:38px}
#directorMount #directorAssets{display:none}
#directorMount .director-controls>.director-step-hint{width:100%;margin:0;line-height:1.7}
#directorMount .director-advanced{margin:14px 0;border:1px solid var(--sr-line);padding:14px 16px;border-radius:10px}
#directorMount .director-advanced summary{cursor:pointer}
#directorMount .director-advanced p{line-height:1.8}
#directorMount .director-submit{bottom:-24px;box-shadow:0 -12px 20px var(--sr-panel);padding:16px 2px;margin-top:12px}
#directorMount .director-submit .primary{min-width:200px}
#directorMount .director-toggle input{appearance:none;width:38px;height:22px;border-radius:20px;background:var(--sr-line);border:0;position:relative;cursor:pointer}
#directorMount .director-toggle input::after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:var(--sr-ink);transition:left .15s}
#directorMount .director-toggle input:checked{background:var(--sr-accent,#58b9be)}
#directorMount .director-toggle input:checked::after{left:19px;background:white}
body .ds-forge,body .ds-h3-clips,body .ds-h3-refmod-panel,body .ds-h3-refmod-export,body .ds-h3-continuity-advanced-panel,body .ds-h3-preview-panel{font-family:inherit;background:var(--sr-panel)!important;color:var(--sr-ink)!important;border-color:var(--sr-line)!important;font-size:13px;line-height:1.7}
body .ds-forge input,body .ds-forge select,body .ds-forge textarea,body .ds-forge button,body .ds-h3-clips input,body .ds-h3-clips select,body .ds-h3-clips textarea,body .ds-h3-clips button{font:inherit;color:var(--sr-ink);background:var(--sr-bg);border-color:var(--sr-line);border-radius:7px;padding:8px}
body .ds-forge .muted,body .ds-forge label,body .ds-forge summary,body .ds-forge .status,body .ds-h3-clips .clip-status{color:var(--sr-muted);line-height:1.7}
body .ds-forge h3{font-size:19px}
body .ds-forge .primary,body .ds-forge .pick button.active,body .ds-forge .pick button.selected{background:var(--sr-accent,#58b9be)!important;color:var(--sr-panel)!important}
@media(max-width:800px){#directorMount{padding:16px}#directorMount .director-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#directorMount .director-step{padding:14px}#directorMount .director-step-head{flex-wrap:wrap}#directorMount .director-assistant{font-size:12px;min-height:32px}#directorMount .director-mode-grid button{padding:12px!important}#directorMount .director-controls{padding:14px}#directorMount .director-submit{bottom:-16px}#directorMount .director-submit .primary{width:100%}}
@media(max-width:420px){#directorMount .director-mode-grid{grid-template-columns:1fr}#directorMount .director-mode-grid button{min-height:72px}}

/* Preserve the editor's coordinate system for drag ordering and crop handles. */
#directorMount .ds-h3-track-inner{display:block!important;min-width:100%;width:var(--director-track-width)!important;height:var(--director-track-height)!important}
#directorMount .ds-h3-timeline-lane{position:absolute;top:var(--director-lane-top)!important;min-height:120px;height:120px;display:block;padding:0;border:0;border-bottom:1px solid var(--sr-line);min-width:0;border-radius:0;background:var(--sr-bg)}
#directorMount .ds-h3-timeline-lane:nth-child(1){--director-lane-top:0px}
#directorMount .ds-h3-timeline-lane:nth-child(2){--director-lane-top:120px}
#directorMount .ds-h3-timeline-lane:nth-child(3){--director-lane-top:240px}
#directorMount .ds-h3-lane-label{top:2px;left:6px;z-index:2}
#directorMount .ds-h3-empty-slot,#directorMount .ds-h3-clip{position:absolute!important;top:22px!important;min-height:0;min-width:0;height:88px!important}
#directorMount .ds-h3-clip .ds-h3-edit-btn{bottom:18px}
body .ds-h3-continuity-panel,body .ds-h3-refmod-export-dialog{background:var(--sr-panel)!important;color:var(--sr-ink)!important;border-color:var(--sr-line)!important;font:13px/1.7 inherit}
body .ds-h3-continuity-content select,body .ds-h3-continuity-content input,body .ds-h3-continuity-content button,body .ds-h3-refmod-export-dialog input,body .ds-h3-refmod-export-dialog textarea,body .ds-h3-refmod-export-dialog select{color:var(--sr-ink)!important;background:var(--sr-bg)!important;border-color:var(--sr-line)!important;padding:8px;border-radius:6px}
body .ds-h3-continuity-header,body .ds-h3-refmod-header,body .ds-h3-refmod-cardhead{background:var(--sr-bg)!important;color:var(--sr-ink)!important;border-color:var(--sr-line)!important}
body .ds-h3-refmod-export-note,body .ds-h3-refmod-header p,body .ds-h3-continuity-panel .ds-h3-continuity-info{color:var(--sr-muted)!important}

#directorMount .director-sizing-options{display:flex;gap:16px;flex-wrap:wrap}#directorMount .director-step>.director-tools{margin-top:14px}#directorMount .director-step>.director-tools .director-step-hint{margin-top:8px}

#directorMount #directorHelp{white-space:nowrap;min-width:86px}@media(max-width:760px){#snail-reader[data-screen="director"]>.sr-toolstrip{display:none!important}}