#director-toggle,#director-stop{position:fixed;left:18px;top:18px;z-index:30;padding:8px 12px;font:11px Arial;color:#ebd5df;background:#151219e8;border:1px solid #705061;border-radius:3px;backdrop-filter:none}
#director-stop{top:60px;opacity:.4;z-index:10015}#director-stop:hover{opacity:1}#director-stop.recording{color:#ffa3ad}
#director-panel{position:fixed;z-index:10020;left:16px;top:64px;width:min(650px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;background:#101014f5;color:#e6dce1;border:1px solid #66505f;border-radius:6px;padding:14px;box-shadow:0 18px 60px #0008;font:12px Arial,sans-serif}
#director-panel[hidden],#director-toggle[hidden],#director-stop[hidden],#director-cursor[hidden]{display:none!important}
#director-panel header{display:flex;align-items:center;gap:14px;margin-bottom:12px}#director-panel header button{margin-left:auto}#director-time{font:15px monospace;color:#f3a4ca}
#director-panel button,#director-panel input,#director-panel select{min-height:30px;padding:5px 7px;background:#232027;color:#f0e7ed;border:1px solid #51434e;border-radius:3px;font:11px Arial;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:100%}
#director-panel button:hover{background:#493042}#director-panel input[type=checkbox]{min-height:0}
.director-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.director-tools label{display:flex;align-items:center;gap:3px}#director-name{flex:1;min-width:100px}.director-help{font:11px/1.5 Arial;color:#af9ea9}
.director-row,.director-columns{display:grid;grid-template-columns:24px 78px 1fr 95px 30px;gap:7px;align-items:center;margin-top:6px}.director-columns{color:#b6a5b0;font-size:10px}.director-row input{width:100%}.director-row input:disabled{opacity:.25}
#director-events{max-height:38vh;overflow:auto}#director-status{font-size:11px;color:#eab5d0;min-height:14px}
#director-timeline{height:40px;position:relative;border-bottom:1px solid #69505e;margin:14px 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff12 calc(10% - 1px),#ffffff12 10%)}#director-timeline button{position:absolute;top:2px;padding:0;width:8px;min-height:15px;border:0;background:#e99ac0}#director-timeline button.event-camera{top:22px;min-height:10px;background:#89acbd}
#director-cursor{position:fixed;left:80vw;top:65vh;width:25px;height:32px;z-index:10010;pointer-events:none;filter:drop-shadow(0 0 4px #f4a6cb80)}#director-cursor svg{width:100%;height:100%}#director-cursor.click svg{animation:director-click .25s ease-out}@keyframes director-click{50%{transform:scale(.78)}}
body.awaiting-start>#director-stop,body.awaiting-start>#director-cursor{visibility:visible!important;pointer-events:auto!important}body.awaiting-entry>#director-stop,body.awaiting-entry>#director-cursor{visibility:hidden!important}
@media(max-width:500px){.director-row,.director-columns{grid-template-columns:22px 55px 1fr 52px 24px}#director-panel{padding:9px}}

body.awaiting-start>#director-cursor{pointer-events:none!important}

#director-panel .director-insert{display:block;width:100%;min-height:18px;padding:2px;margin:3px 0;border:0;background:transparent;color:#a78d9d;font-size:10px}#director-panel .director-insert:hover,#director-panel .director-insert.drop-target{background:#6e395560;color:#ffe1ef;outline:1px dashed #c684a4}#director-panel .director-drag{padding:2px;cursor:grab;font-size:18px}#director-panel .director-drag:active{cursor:grabbing}.director-row.dragging{opacity:.4}