/* The camera trigger occupies spare toolbar space; the panel scrolls above the timeline. */
#warpCamera[hidden],#warpCameraPanel[hidden],#warpCameraPanel [hidden]{display:none!important}
#warpCamera{position:absolute;z-index:14;display:flex;align-items:center;justify-content:center;gap:7px;min-width:86px;min-height:44px;padding:8px 11px;border:1px solid #6395ac66;border-radius:8px;background:#102335e8;color:#cde5f4;font:11px var(--sans,system-ui);backdrop-filter:blur(14px);cursor:pointer}
#warpCamera svg{width:17px;height:17px;flex:none}#warpCamera:hover,#warpCamera[aria-expanded=true]{border-color:#a3d6ec;background:#1b3a4b;color:#f0fbff}#warpCamera:focus-visible,#warpCameraPanel :focus-visible{outline:2px solid #b3e1f7;outline-offset:2px}
#warpCameraPanel{position:absolute;z-index:16;box-sizing:border-box;display:grid;gap:12px;width:310px;padding:13px;border:1px solid #638ea868;border-radius:13px;background:#0b1b2bf5;color:#d4e7f3;box-shadow:0 16px 55px #0009;backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45667b #0b1b2b;font-family:var(--sans,system-ui)}
.cam-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0;border:0;background:none;backdrop-filter:none;z-index:auto}.cam-kicker{font:7px var(--mono,monospace);letter-spacing:.13em;color:#789fb7}.cam-heading h2{font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin-top:6px}.cam-heading h2 span{margin-left:7px;font:9px var(--mono,monospace);color:#85afc7}.cam-close{flex:none;width:44px;height:44px;border:1px solid #405f735c;border-radius:7px;background:#142d3d;color:#a2c4d8;font:23px var(--sans,system-ui);cursor:pointer}
.cam-segments{display:flex;gap:5px;min-width:0}.cam-segments button,.cam-presets button,.cam-nudges button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:0;padding:8px 7px;border:1px solid #395c74;border-radius:7px;background:#132c3e;color:#aacadd;font:11px var(--sans,system-ui);cursor:pointer}.cam-segments button{flex:1}.cam-segments button[aria-pressed=true]{border-color:#8bc5df;background:#234c61;color:#e8f9ff}.cam-segments button:hover,.cam-presets button:hover,.cam-nudges button:hover{border-color:#9ed0e5;background:#214354}.cam-section{display:grid;gap:7px}.cam-label{font-size:10px;color:#8eafc3}.cam-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.cam-presets button{padding:8px 3px;font-size:10px}
.cam-follow{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;line-height:1.4;color:#bad6e6;cursor:pointer}.cam-follow input{width:20px;height:20px;margin:0;flex:none;accent-color:#9dd8ed}.cam-follow:has(input:disabled){opacity:.45;cursor:default}.cam-follow span{overflow-wrap:anywhere;min-width:0}.cam-movement{border:1px solid #304f65;border-radius:8px;background:#0e2535}.cam-movement summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px;font-size:11px;list-style:none;cursor:pointer;color:#a3c3d8}.cam-movement summary::-webkit-details-marker{display:none}.cam-movement summary span{color:#6da7c2;font-size:15px}.cam-nudges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 8px 8px}.cam-nudges button{flex-direction:column;gap:3px;min-height:50px;font-size:10px}.cam-nudges button span{font-size:17px;line-height:1}.cam-note,.cam-help{font-size:10px;line-height:1.65;color:#83a7c0}.cam-note{padding:0 10px 11px}.cam-help{border-top:1px solid #345369;padding-top:10px}.cam-status{font-size:10px;line-height:1.5;color:#f0c995;overflow-wrap:anywhere}.cam-status:empty{display:none}
@media(max-width:780px) and (min-height:521px){#warpCamera{width:46px;min-width:46px;min-height:44px;padding:4px 2px;flex-direction:column;gap:2px;font-size:9px}#warpCamera svg{width:15px;height:15px}#warpCameraPanel{padding:12px;gap:10px}.cam-segments button{font-size:12px}.cam-heading h2{font-size:16px}.cam-movement summary,.cam-follow{font-size:12px}}
@media(max-width:900px) and (max-height:520px){#warpCamera{min-width:82px;padding:7px 9px}#warpCameraPanel{padding:10px;gap:8px}.cam-heading h2{font-size:15px}.cam-kicker{display:none}.cam-heading h2{margin-top:0}.cam-help{font-size:9px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){#warpCamera,#warpCameraPanel *{transition:none!important}}
#warpCameraPanel.cam-compact .cam-heading h2 span{display:block;margin:3px 0 0}#warpCameraPanel.cam-compact .cam-presets button{font-size:9px}