/* ROTOR Swing 04 — Director Mode panel. Dark optical glass, bible palette, tracked Inter labels. */
#director{position:fixed;z-index:2147483100;top:68px;right:16px;bottom:96px;width:336px;display:flex;flex-direction:column;overflow:hidden auto;color:#f0f6f2;font:11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.06em;background:rgba(2,8,14,.86);border:1px solid rgba(233,238,242,.14);border-radius:8px;box-shadow:0 24px 80px #000c,inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
#director[hidden]{display:none!important}
#director header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(233,238,242,.1);position:sticky;top:0;background:rgba(2,8,14,.92)}
#director header b{font:800 16px/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.12em;color:#c7fc68}
#director header span{font-size:9px;color:#b6c9c1}
#director header button{margin-left:auto;background:none;border:0;color:#b6c9c1;font-size:20px;line-height:1;cursor:pointer}
#director section{padding:12px 14px;border-bottom:1px solid rgba(233,238,242,.08)}
#director h3{margin:0 0 8px;font:600 9px/1.4 Inter,sans-serif;letter-spacing:.2em;color:#b6c9c1;display:flex;flex-direction:column;gap:2px}
#director h3 small{font:500 9px/1.4 Inter,sans-serif;letter-spacing:.03em;color:#8aa09a;text-transform:none;word-break:break-all}
#director .dirRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
#director button{background:rgba(233,238,242,.06);border:1px solid rgba(233,238,242,.16);color:#f0f6f2;border-radius:3px;padding:7px 9px;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;cursor:pointer;transition:background .4s cubic-bezier(.22,.61,.36,1),border-color .4s cubic-bezier(.22,.61,.36,1)}
#director button:hover{background:rgba(233,238,242,.12)}
#director button.on{background:rgba(199,252,104,.16);border-color:#c7fc68;color:#c7fc68}
#director button.accent{background:#ffcf00;border-color:#ffcf00;color:#14210a}
#director button.accent:hover{background:#ffda39}
#director button.warn{border-color:rgba(255,207,0,.5);color:#ffda39;background:none}
#director kbd{font:600 8px/1 Inter,sans-serif;opacity:.6;margin-left:4px;border:1px solid currentColor;border-radius:2px;padding:1px 3px}
#director .dirGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#director label{display:flex;align-items:center;gap:6px;font-size:9px;color:#b6c9c1}
#director .dirInline{display:inline-flex;margin-right:8px}
#director input[type=number],#director select{width:100%;min-width:0;background:#05070b;border:1px solid rgba(233,238,242,.14);color:#f0f6f2;border-radius:3px;padding:5px 6px;font:500 11px Inter,sans-serif}
#director .dirInline input[type=number]{width:64px}
#director select{width:auto;max-width:160px}
#director input[type=checkbox]{accent-color:#c7fc68}
#dirStrip{position:relative;height:44px;margin:8px 0 4px;background:#05070b;border:1px solid rgba(233,238,242,.14);border-radius:3px}
#dirScrub{position:absolute;left:0;right:0;bottom:0;width:100%;margin:0;height:14px;accent-color:#ffcf00;cursor:ew-resize}
#dirMarks{position:absolute;inset:0 0 14px}
.dirMark{position:absolute;width:8px;height:8px;margin-left:-4px;border-radius:50%;cursor:pointer;border:1px solid #000}
.dirMark.cam{background:#ffcf00}.dirMark.obj{background:#c7fc68}.dirMark.other{background:#e9eef2;opacity:.35}
.dirMark.sel{box-shadow:0 0 0 2px #fff,0 0 12px currentColor;transform:scale(1.25)}
#dirKey{margin-top:6px;padding:8px;border:1px solid rgba(255,207,0,.25);border-radius:3px;background:rgba(255,207,0,.05)}
#dirKey b{font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.1em;color:#ffda39;margin-right:4px}
#director footer{margin-top:auto;padding:10px 14px;font-size:8px;color:#8aa09a;letter-spacing:.08em;line-height:1.7}
body.director-mode #arena canvas{cursor:crosshair}
body.director-mode #freeCamToggle,body.director-mode #inputHint{visibility:hidden}
@media (max-width:900px){#director{width:min(336px,calc(100vw - 24px));top:60px;bottom:70px}}