:root{--crew-left-width:350px;--crew-right-width:350px;--crew-header-height:58px}
body.crew-left-open>.wrap{margin-left:var(--crew-left-width)}body.crew-right-open>.wrap{margin-right:var(--crew-right-width)}body:is(.crew-left-open,.crew-right-open)>.wrap{max-width:none;padding-left:24px;padding-right:24px}
.crew-side-panel{position:fixed;top:var(--crew-header-height);bottom:0;z-index:15;background:var(--paper,#fff);border:1px solid var(--line,#ddd);display:flex;flex-direction:column;min-height:0;box-shadow:0 0 12px #0001}.crew-side-panel[hidden],.crew-panel-tile[hidden]{display:none!important}.crew-side-left{left:0;width:var(--crew-left-width)}.crew-side-right{right:0;width:var(--crew-right-width)}.crew-panel-bar{display:flex;gap:5px;align-items:center;padding:9px;border-bottom:1px solid #ddd;flex:0 0 auto}.crew-panel-bar strong,.crew-panel-bar select{flex:1;min-width:0;font-size:12px}.crew-panel-bar select,.crew-panel-bar button{font:inherit;border:1px solid #ddd;background:white;color:#222;padding:6px}.crew-panel-bar button{font-size:17px;min-width:30px;cursor:pointer}.crew-panel-body{flex:1;min-height:0;overflow:auto;padding:12px}.crew-side-right .crew-panel-body{padding:0;overflow:hidden}.crew-panel-body>iframe{display:block;width:100%;height:100%;border:0}.crew-panel-body>.section{border:0;padding:0;scroll-margin:0}.crew-panel-body .section-head{display:block}.crew-panel-body h2{font-size:22px}.crew-panel-body .timeline,.crew-panel-body .prep-grid,.crew-panel-body .checklist,.crew-panel-body .delivery-grid,.crew-panel-body .interview{grid-template-columns:1fr!important}.crew-panel-body .timecard{min-height:0}.crew-panel-body .shot{grid-template-columns:30px minmax(0,1fr)!important;padding:12px;gap:8px}.crew-panel-body .shot-note{grid-column:2}.crew-panel-body .row-head{display:none}.crew-panel-body .toolbar{display:flex;flex-wrap:wrap}.crew-panel-body input,.crew-panel-body select{max-width:100%;min-width:0}.crew-panel-body .production-boards{grid-template-columns:1fr}.crew-panel-body .board-tools{flex-wrap:wrap}.crew-panel-resize{position:absolute;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:3}.crew-side-left .crew-panel-resize{right:-5px}.crew-side-right .crew-panel-resize{left:-5px}.crew-panel-resize:hover,.crew-panel-resize:focus{background:#8885;outline:0}.crew-resizing{cursor:col-resize;user-select:none}.crew-resizing iframe{pointer-events:none}.crew-panel-tile{position:fixed;bottom:12px;z-index:16;padding:11px 15px;background:#222;color:white;border:1px solid #666;cursor:pointer;font:13px inherit}.crew-tile-left{left:12px}.crew-tile-right{right:12px}.crew-panel-open{background:none;border:0;color:var(--muted);font:inherit;padding:0;cursor:pointer;white-space:nowrap}
@media(max-width:950px){body:is(.crew-left-open,.crew-right-open)>.wrap{margin-left:0;margin-right:0}.crew-side-panel{width:min(44vw,420px);box-shadow:0 0 20px #0003}}@media(max-width:620px){.crew-side-panel{width:88vw}.crew-side-right{z-index:17}.crew-panel-resize{display:none}.top{gap:10px;padding:10px 12px}.top nav{gap:12px}.crew-panel-body{padding:10px}}

body.crew-left-open.crew-right-open>.wrap .shot{grid-template-columns:30px minmax(0,1fr)}body.crew-left-open.crew-right-open>.wrap .shot-note{grid-column:2}body.crew-left-open.crew-right-open>.wrap .row-head{display:none}

body:is(.crew-left-open,.crew-right-open) .hero,body:is(.crew-left-open,.crew-right-open) .character-pass{grid-template-columns:1fr;gap:18px}body:is(.crew-left-open,.crew-right-open) .hero h1{font-size:38px}body:is(.crew-left-open,.crew-right-open) .hero{padding-top:18px}