/* Formal Director only. Active navigation keeps its existing gold selection. */
html body[data-director-carousel]:not(:has(#editorView:not([hidden]))){background:#000!important}
html body[data-director-carousel] :is(#boardsView,.free-main,.free-heading,.director-hero){background:#000!important;background-image:none!important}
html body[data-director-carousel]:not(:has(#editorView:not([hidden]))) :is(#boardsView,.free-sidebar,.free-top,.free-main,.topbar) :is(button,a):not(.active,.is-active,[aria-selected=true],[aria-pressed=true],[aria-current=page],[data-carousel-card]):not(:disabled):hover{
 background:#25272a!important;background-image:none!important;color:#ddd!important;border-color:#494c50!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;scale:1!important;
}
html body[data-director-carousel] :is(.director-nav-item,.free-side-item):not(.active,.is-active,[aria-current=page]):hover{transform:none!important}
html body[data-director-carousel] #boardsView.director-workbench .director-nav-item.active:hover,
html body[data-director-carousel] .free-sidebar .free-side-item.is-active:hover{
 color:var(--free-accent,#edc96d)!important;border-color:rgba(var(--director-optic-gold),.35)!important;
 background:linear-gradient(125deg,rgba(var(--director-optic-gold),.145),rgba(var(--director-optic-gold),.018))!important;
 box-shadow:inset 2px 0 rgba(var(--director-optic-gold),.96)!important;
}
html body[data-director-carousel] .director-carousel{position:relative;max-width:1520px;width:100%;padding:0 0 22px!important;margin:0 auto 24px!important;overflow:hidden!important}
html body[data-director-carousel] .director-carousel > :is(h2,.director-feature-label){font-size:21px!important;font-weight:600!important;color:#eee!important;margin:0 0 18px!important;padding-right:160px}
html body[data-director-carousel] .director-carousel .director-carousel-stage{display:block!important;position:relative;height:calc(var(--director-card-height,290px) + 30px);width:100%;overflow:hidden;touch-action:pan-y}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-card]{
 position:absolute!important;top:10px;left:50%;width:62%!important;height:var(--director-card-height,290px)!important;aspect-ratio:16/9!important;min-height:0!important;padding:0!important;display:block!important;
 border:1px solid #45474a!important;border-radius:18px!important;overflow:hidden!important;background:#1b1c1e!important;
 transition:transform .45s ease,opacity .45s ease!important;transform-origin:center;box-shadow:none!important;text-align:left!important;
}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=center]{transform:translateX(-50%)!important;z-index:3;opacity:1}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=previous]{transform:translateX(-122%) scale(.91)!important;z-index:1;opacity:.65}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=next]{transform:translateX(22%) scale(.91)!important;z-index:1;opacity:.65}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=hidden]{opacity:0;pointer-events:none}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-art,.free-feature-art){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;filter:none!important}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-art,.free-feature-art)::after{content:''!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(transparent 25%,rgba(0,0,0,.84))!important}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy){position:absolute!important;inset:auto 22px 22px!important;z-index:2;display:flex!important;gap:6px!important;padding:0!important}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy) strong{font-size:22px!important;white-space:normal!important;color:#fff!important}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy) small{font-size:13px!important;color:#c3c6ca!important}
html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy) em{color:#d7bd7d!important}
html body[data-director-carousel] .director-carousel-controls{position:absolute;top:0;right:0;display:flex;gap:6px}
html body[data-director-carousel] .director-carousel-controls button{height:30px;min-width:30px;padding:0 8px;background:transparent;border:1px solid #373a3e;border-radius:8px;color:#c5c8ce;font-size:18px}
html body[data-director-carousel] .director-carousel-controls button:last-child{font-size:11px}
html body[data-director-carousel] .director-carousel-dots{display:flex;justify-content:center;gap:7px;padding-top:8px}
html body[data-director-carousel] .director-carousel-dots button{width:6px;height:6px;min-width:0;padding:0;border:0;border-radius:99px;background:#44474b;transition:width .2s}
html body[data-director-carousel] .director-carousel-dots button[aria-pressed=true]{width:22px;background:#e8e9eb}
@media(max-width:700px){
 html body[data-director-carousel] .director-carousel .director-carousel-stage{height:calc(var(--director-card-height,230px) + 30px)}
 html body[data-director-carousel] .director-carousel-stage > [data-carousel-card]{width:84%!important;height:var(--director-card-height,230px)!important}
 html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy){inset:auto 15px 16px!important}
 html body[data-director-carousel] .director-carousel-stage :is(.director-feature-copy,.free-feature-copy) strong{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){html body[data-director-carousel] .director-carousel-stage > [data-carousel-card]{transition:none!important}}

html body[data-director-carousel]:not(:has(#editorView:not([hidden]))) :is(.topbar,.free-top){background:#000!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Workbench shell: full-height sidebar owns the logo; only the account pill floats above content. */
html body.director-sidebar-layout{--director-sidebar-width:224px;overflow:hidden!important}
html body.director-sidebar-layout:has(#boardsView.director-collapsed),html body.director-sidebar-layout.free-nav-collapsed{--director-sidebar-width:76px}
html body.director-sidebar-layout > :is(.topbar,.free-top){display:contents!important;height:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.director-sidebar-layout :is(.topbar,.free-top) > .brand-side{display:none!important}
html body.director-sidebar-layout :is(.top-actions,.free-top-actions){position:fixed!important;top:16px!important;right:22px!important;left:auto!important;z-index:1200!important;width:max-content!important;max-width:calc(100vw - var(--director-sidebar-width) - 16px);padding:0!important;background:transparent!important;pointer-events:auto!important}
html body.director-sidebar-layout > main{height:100dvh!important;min-height:0!important;overflow:hidden!important}
html body.director-sidebar-layout #boardsView{height:100dvh!important;display:block!important;overflow:hidden!important;padding:0!important}
html body.director-sidebar-layout :is(#boardsView .director-sidebar,.free-sidebar){position:fixed!important;inset:0 auto 0 0!important;width:var(--director-sidebar-width)!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;padding:12px!important;border-radius:0!important;border:0!important;border-right:1px solid #262626!important;background:#151515!important;backdrop-filter:none!important;box-shadow:none!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:1000!important}
html body.director-sidebar-layout #boardsView .boards-inner{height:100dvh!important;max-width:none!important;margin:0 0 0 var(--director-sidebar-width)!important;padding:76px 32px 32px!important;overflow-y:auto!important;box-sizing:border-box!important}
html body.director-sidebar-layout .free-main{height:100dvh!important;min-height:0!important;width:calc(100% - var(--director-sidebar-width))!important;max-width:none!important;margin:0 0 0 var(--director-sidebar-width)!important;padding:76px 32px 32px!important;overflow-y:auto!important;box-sizing:border-box!important}
html body.director-sidebar-layout .director-sidebar-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-height:44px!important;width:100%!important;padding:9px 7px!important;margin:0 0 12px!important;text-decoration:none}
html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-lockup{width:100%!important;max-width:180px!important;display:flex!important;gap:5px!important;align-items:center!important}
html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-media{width:150px!important;max-width:calc(100% - 28px)!important;height:auto!important;display:block!important}
html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-media img{width:100%!important;height:auto!important;object-fit:contain!important}
html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-studio{font-size:7px!important}
html body.director-sidebar-layout .director-sidebar-logo .daailok-legacy-brand{display:none!important}
html body.director-sidebar-layout :is(.director-side-head,.free-side-head){flex:0 0 auto!important;margin-top:0!important}
html body.director-sidebar-layout :is(.director-side-foot,.free-side-footer){margin-top:auto!important}
html body[data-director-carousel] :is(.top-actions,.free-top) .canvas-navigation-pill,html body[data-director-carousel] .free-top-actions.canvas-navigation-pill{position:relative;height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;gap:3px!important;padding:3px 6px!important;border:1px solid #36383b!important;border-radius:999px!important;background:#151719!important;box-sizing:border-box!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
html body[data-director-carousel] .canvas-navigation-pill > .canvas-nav-icon{border:0!important;border-radius:50%!important;background:transparent!important;color:#c9cdd2!important;box-shadow:none!important}
html body[data-director-carousel] .canvas-navigation-pill #canvasAccountControl{position:relative!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body[data-director-carousel] .canvas-navigation-pill #canvasAccountTrigger,html body[data-director-carousel] .canvas-navigation-pill #canvasAccountAvatar{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border-radius:50%!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body[data-director-carousel] .canvas-navigation-pill > .daailok-credit-balance{position:static!important;display:inline-flex!important;flex:0 0 auto!important;height:28px!important;min-height:28px!important;min-width:48px!important;max-width:120px!important;width:auto!important;margin:0 2px!important;padding:2px 6px!important;border:0!important;border-radius:999px!important;background:transparent!important;font-size:12px!important;box-shadow:none!important}
html body[data-director-carousel] .canvas-navigation-pill #canvasAccountTrigger .canvas-avatar-placeholder{width:18px!important;height:18px!important}
html body[data-director-carousel] .canvas-navigation-pill #canvasAccountTrigger::before,html body[data-director-carousel] .canvas-navigation-pill #canvasAccountTrigger::after{display:none!important}
html body[data-director-carousel] .canvas-navigation-pill :is(.canvas-nav-icon,#canvasAccountTrigger,.daailok-credit-balance):hover{background:#303236!important;box-shadow:none!important;color:#fff!important}
@media(max-width:900px){html body.director-sidebar-layout{--director-sidebar-width:76px}}
@media(max-width:640px){html body.director-sidebar-layout{--director-sidebar-width:64px}html body.director-sidebar-layout :is(#boardsView .boards-inner,.free-main){padding:70px 12px 24px!important}html body.director-sidebar-layout :is(.top-actions,.free-top-actions){right:10px!important;top:12px!important}html body.director-sidebar-layout :is(#boardsView .director-sidebar,.free-sidebar){padding:10px 5px!important}}

html body[data-director-carousel] .director-carousel-stage > [data-carousel-card]{transition:left .45s ease,transform .45s ease,opacity .45s ease!important}
html body[data-director-carousel] .director-carousel-stage:not(.is-ready) > [data-carousel-card]{transition:none!important}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=center]{left:19%!important;transform:none!important}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=previous]{left:-25.64%!important;transform:scale(.91)!important}
html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=next]{left:63.64%!important;transform:scale(.91)!important}
@media(max-width:700px){html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=center]{left:8%!important}html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=previous]{left:-52.48%!important}html body[data-director-carousel] .director-carousel-stage > [data-carousel-position=next]{left:68.48%!important}}
@media(prefers-reduced-motion:reduce){html body[data-director-carousel] .director-carousel-stage > [data-carousel-card]{transition:none!important}}

html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-media{min-width:0!important;flex:1 1 auto!important}
html body.director-sidebar-layout:has(#boardsView.director-collapsed) .director-sidebar-logo .daailok-logo-lockup,html body.director-sidebar-layout.free-nav-collapsed .director-sidebar-logo .daailok-logo-lockup{display:none!important}
html body.director-sidebar-layout:has(#boardsView.director-collapsed) .director-sidebar-logo::before,html body.director-sidebar-layout.free-nav-collapsed .director-sidebar-logo::before{content:"大樂";font-size:16px;font-weight:700;letter-spacing:.08em;color:#edc96d}
@media(max-width:900px){html body.director-sidebar-layout .director-sidebar-logo .daailok-logo-lockup{display:none!important}html body.director-sidebar-layout .director-sidebar-logo::before{content:"大樂";font-size:16px;font-weight:700;letter-spacing:.08em;color:#edc96d}}

html body[data-director-carousel] .canvas-navigation-pill #canvasAccountControl #canvasAccountTrigger #canvasAccountAvatar{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;inset:0!important;object-fit:cover!important;border-radius:50%!important}
html body.director-sidebar-layout:has(#boardsView):has(#editorView) > .topbar{display:contents!important;position:static!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
html body.director-sidebar-layout:has(#editorView) #boardsView.director-workbench > .director-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--director-sidebar-width)!important;min-width:0!important;max-width:var(--director-sidebar-width)!important;height:100dvh!important;transition:none!important}
/* Coordinated charcoal workbench, with a separate silver light theme. */
html body.director-sidebar-layout[data-theme=dark]:not(:has(#editorView:not([hidden]))){--director-page:#111;--director-side:#171717;--director-thumb:#454545;--director-track:#171717;background:var(--director-page)!important}
html body.director-sidebar-layout :is(#boardsView,#boardsView .boards-inner,.free-main,.free-heading,.director-hero){background:var(--director-page)!important;background-image:none!important}
html body.director-sidebar-layout :is(#boardsView .director-sidebar,.free-sidebar){background:var(--director-side)!important;border-right:1px solid rgba(128,128,128,.08)!important}
html body.director-sidebar-layout :is(.boards-inner,.free-main,.director-sidebar,.free-sidebar){scrollbar-width:thin;scrollbar-color:var(--director-thumb) var(--director-track)}
html body.director-sidebar-layout :is(.boards-inner,.free-main,.director-sidebar,.free-sidebar)::-webkit-scrollbar{width:6px;height:6px}
html body.director-sidebar-layout :is(.boards-inner,.free-main,.director-sidebar,.free-sidebar)::-webkit-scrollbar-track{background:var(--director-track)}
html body.director-sidebar-layout :is(.boards-inner,.free-main,.director-sidebar,.free-sidebar)::-webkit-scrollbar-thumb{background:var(--director-thumb);border-radius:999px;border:1px solid var(--director-track)}
html body[data-director-carousel] [data-carousel-card]{cursor:default!important}
/* Uploaded banners contain their own titles; show the full artwork unobscured. */
html body[data-director-carousel] .director-carousel-stage [data-uploaded-cover]{background:#000!important;background-image:none!important}
html body[data-director-carousel] .director-carousel-stage [data-uploaded-cover]::after{display:none!important}
html body[data-director-carousel] .director-carousel-stage [data-uploaded-cover] > img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
html body[data-director-carousel] .director-carousel-stage [data-uploaded-cover] + :is(.director-feature-copy,.free-feature-copy){display:none!important}