.film-studio{--film-bg:#061321;--film-panel:#0a1c2c;--film-line:#20394c;--film-text:#edf7ff;--film-muted:#91a9bd;color-scheme:dark;color:var(--film-text);background:var(--film-bg);border:1px solid #153248;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #15364c16}.film-studio *{box-sizing:border-box}.film-studio button,.film-studio select,.film-studio input:not([type=range]),.film-studio textarea,.film-studio a,.film-file{background:#10283b;border:1px solid #2a455a;color:#e9f6ff;border-radius:7px;font-size:12px;min-height:36px;padding:8px 11px}.film-studio button:hover:not(:disabled),.film-studio a:hover{border-color:#64d8f5}.film-studio button[aria-pressed=true]{color:#041925;background:#69ddf3;border-color:#69ddf3}.film-studio button:disabled{opacity:.42}.film-studio button:focus-visible,.film-studio input:focus-visible,.film-studio a:focus-visible,.film-studio summary:focus-visible,.film-file:focus-within{outline:2px solid #79e4ff;outline-offset:3px}.film-studio .film-primary,.film-studio .film-record{background:#78e7f7;color:#032338;border-color:#78e7f7;font-weight:750}.film-studio .film-record{border-radius:30px;padding:10px 20px;box-shadow:0 0 20px #31c1ec1a}.film-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--film-line);font:700 11px ui-monospace,monospace;letter-spacing:1.6px}.film-brand-dot{display:inline-block;width:8px;height:8px;background:#77dff6;border-radius:50%;margin-right:8px}.film-muted{color:var(--film-muted)}.film-modes{display:flex;gap:4px;background:#04101d;border:1px solid #233d50;border-radius:22px;padding:4px}.film-modes button{border:0;background:transparent;border-radius:18px;white-space:nowrap;min-height:30px;font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.7px}.film-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px}.film-left{min-width:0}.film-stage{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 40%,#14364c,#040f1c 75%);overflow:hidden;min-height:260px}.film-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.film-stage #film-guides{position:absolute;inset:0;pointer-events:none}.film-stage-head{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:14px 18px;font:700 9px ui-monospace,monospace;letter-spacing:.6px;background:linear-gradient(#03101dc2,transparent);pointer-events:none}.film-stage-head #film-live{color:#7ae1fa}#film-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#133b52,#061321);text-align:center;padding:24px}#film-empty h2{font-size:24px;letter-spacing:-.7px;margin:6px 0}#film-empty p{font-size:12px;color:#abc1d1;margin:4px 0 18px}.film-lens{font-size:56px;line-height:1.2;color:#72def5;font-weight:200}.film-audio-meter{position:absolute;left:12px;bottom:18px;display:grid;gap:4px;justify-items:center;font:8px ui-monospace,monospace}.film-audio-meter>div{height:100px;width:5px;border-radius:5px;background:#61758288;position:relative;overflow:hidden}.film-audio-meter i{position:absolute;bottom:0;width:100%;background:#69e8b2;border-radius:5px}.film-record-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#07111d;border-bottom:1px solid #319fb96b}.film-record-bar button{font-size:11px}#film-timer{font:12px ui-monospace,monospace;min-width:45px;color:#a4dbe9}.film-deck{padding:18px 20px;background:linear-gradient(#0b1b2c,#061322)}.film-lights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.film-meter{display:grid;gap:7px;min-width:0}.film-meter>span{display:flex;justify-content:space-between;gap:10px;color:#a3bbcc;font:700 9px ui-monospace,monospace;letter-spacing:1.4px}.film-meter output{color:#e8f7ff;letter-spacing:0}.film-studio input[type=range]{appearance:auto;background:transparent;accent-color:#60dcf7;width:100%;height:16px;border:0;border-radius:0;margin:0;min-height:16px;padding:0;cursor:ew-resize}.film-exposure{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;margin:23px 0 10px}.film-exposure .film-lights{grid-template-columns:1fr 1fr;gap:18px}.film-section-label{display:flex;justify-content:space-between;align-items:center;font:700 9px ui-monospace,monospace;letter-spacing:1.8px;color:#72d9ee;margin-bottom:12px}.film-section-label button{min-height:24px;padding:2px 7px;font-size:9px}.film-button-line{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.film-button-line>div{display:flex;flex-wrap:wrap;gap:5px}.film-deck .film-button-line button{min-height:28px;padding:5px 8px;font:700 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.35px}.film-formats{justify-content:flex-start}.film-micro{font-size:10px;line-height:1.55;color:#91aebe;margin:8px 0}.film-monitors{flex-wrap:wrap}#film-status{font:11px/1.6 ui-monospace,monospace;color:#82ddf1;min-height:18px;margin:14px 0 0}#film-scope{width:100%;max-width:640px;height:120px;margin-top:12px;border:1px solid #284758;border-radius:5px}.film-right{background:#0a1b2b;border-left:1px solid var(--film-line);min-width:0}.film-right-head{padding:24px 20px 8px}.film-right-head h2{font-size:27px;letter-spacing:-1px;margin:0 0 9px}.film-right-head p{font-size:12px;line-height:1.6;color:#9ab5c8}.film-right details{border-top:1px solid var(--film-line);padding:15px 20px}.film-right summary{font-size:12px;font-weight:700;cursor:pointer;line-height:24px}.film-right label:not(.film-file){display:grid;gap:6px;font-size:10px;color:#9fb9cb;margin-top:13px}.film-right textarea,.film-right input,.film-right select{width:100%;resize:vertical}.film-right .film-check{display:flex!important;align-items:center;gap:8px!important;font-size:11px!important}.film-right .film-check input{width:15px;height:15px;min-height:15px;accent-color:#67dff5}.film-file{position:relative;display:inline-flex;cursor:pointer;align-items:center;max-width:100%}.film-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.film-takes{display:grid;gap:7px;margin:12px 0}.film-takes button{text-align:left}.film-takes p{font-size:11px}.film-prompter{position:absolute;top:15%;left:18%;right:18%;height:55%;overflow:hidden;background:#01101c99;padding:16px;border-radius:12px;pointer-events:none;mask-image:linear-gradient(transparent,black 12%,black 85%,transparent)}#film-prompter-text{font-size:28px;line-height:1.5;text-align:center;white-space:pre-wrap;color:#fff;text-shadow:0 1px 5px #000}.film-editor{padding:24px;border-top:1px solid var(--film-line)}.film-editor h2{font-size:22px;margin:0}.film-editor video{display:block;width:100%;max-height:65vh;background:#000;margin:18px auto;object-fit:contain}.film-trim{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;align-items:end}.film-trim label{display:grid;gap:8px;font-size:12px}.film-editor a{text-decoration:none}.film-studio [hidden]{display:none!important}.film-studio:fullscreen{overflow:auto;width:100vw;height:100vh;border-radius:0}.film-studio:fullscreen .film-grid{grid-template-columns:minmax(0,1fr) 330px}.film-studio:fullscreen .film-stage{max-height:67vh}.film-studio input[type=number]{width:100%}@media(min-width:1500px){.film-grid{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1180px){.film-grid{grid-template-columns:minmax(0,1fr)}.film-right{border-left:0;border-top:1px solid var(--film-line);display:grid;grid-template-columns:1fr 1fr}.film-right-head{grid-column:1/-1}.film-top{flex-wrap:wrap}.film-stage{min-height:260px}}@media(max-width:650px){.film-studio{border-radius:10px}.film-top{padding:14px 12px}.film-modes{width:100%;justify-content:space-between}.film-modes button{font-size:9px;padding:8px}.film-right{display:block}.film-deck{padding:16px 12px}.film-lights{gap:12px}.film-exposure{grid-template-columns:1fr;gap:18px}.film-stage{min-height:230px}.film-stage-head{font-size:8px;padding:10px}.film-record-bar{gap:5px}.film-record-bar button{padding:8px;font-size:10px}.film-trim{grid-template-columns:1fr 1fr}.film-trim .film-meter{grid-column:1/-1}.film-editor{padding:15px}.film-studio:fullscreen .film-grid{grid-template-columns:1fr}.film-studio:fullscreen .film-stage{max-height:none}.film-prompter{left:12%;right:12%}}
/* Keep the lighting desk next to the picture on laptop-height windows. */
@media(min-width:1190px){main:has(#panel-filming:not([hidden])){padding:16px 22px}main:has(#panel-filming:not([hidden])) .heading{margin-bottom:12px;align-items:center}main:has(#panel-filming:not([hidden])) .heading .eyebrow,main:has(#panel-filming:not([hidden])) .live-tag{display:none}main:has(#panel-filming:not([hidden])) h1{font-size:22px;margin:0}main:has(#panel-filming:not([hidden])) #tool-description{font-size:11px;margin-top:4px}.film-top{padding:10px 16px}.film-stage{aspect-ratio:auto;height:clamp(180px,calc(100dvh - 610px),560px);min-height:180px}.film-right{max-height:calc(100dvh - 186px);overflow-y:auto}.film-deck{padding:12px 16px}.film-exposure{margin:14px 0 8px}.film-button-line{margin-top:8px}.film-record-bar{padding:8px}.film-micro{margin:5px 0}}

.film-timeline{margin-top:24px;padding:24px;border:1px solid #294661;border-radius:16px;background:#081b30;color:#eaf5ff}.film-timeline h2{color:#fff}.film-cut-list{list-style:none;padding:0;display:grid;gap:14px;counter-reset:cut}.film-cut{display:grid;grid-template-columns:minmax(140px,230px) minmax(0,1fr);gap:18px;padding:16px;background:#10283f;border:1px solid #355269;border-radius:12px}.film-cut video,.film-cut img{width:100%;max-height:220px;object-fit:contain;background:#040c16;border-radius:8px}.film-cut-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.film-cut-fields .film-button-line{grid-column:1/-1}.film-timeline label{display:grid;gap:6px;font-size:12px;color:#c6dceb}.film-timeline input,.film-timeline select,.film-timeline textarea{box-sizing:border-box;max-width:100%;width:100%;padding:10px;border:1px solid #44637e;border-radius:6px;background:#06172a;color:#fff}.film-timeline input[type=file]{font-size:12px}.film-timeline input[type=range]{padding:0}.film-timeline-settings{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:end;gap:12px}.film-audio-tracks{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:center;padding:16px 0}#timeline-result{display:block;max-height:560px;max-width:100%;margin:20px auto;background:#000}#timeline-result[hidden]{display:none}#timeline-download{display:inline-block;color:#81e8ff;margin:12px 0}.film-timeline button{min-height:36px}.film-timeline button:disabled{opacity:.4;cursor:default}.film-timeline #timeline-status{color:#8edff4}.film-timeline .film-file{display:block}#timeline-download[hidden]{display:none}@media(max-width:700px){.film-timeline{padding:14px}.film-cut{grid-template-columns:1fr;padding:12px}.film-timeline-settings{grid-template-columns:1fr 1fr}.film-audio-tracks{grid-template-columns:1fr}.film-cut-fields{grid-template-columns:1fr}.film-cut-fields .film-button-line{grid-column:auto}}