@property --f-sky{syntax:"<color>";inherits:true;initial-value:#e9c3c7}@property --f-facade{syntax:"<color>";inherits:true;initial-value:#b5495b}@property --f-wall{syntax:"<color>";inherits:true;initial-value:#f0d9d2}@property --f-wall-2{syntax:"<color>";inherits:true;initial-value:#d9a3a8}@property --f-floor{syntax:"<color>";inherits:true;initial-value:#6e3b3a}@property --f-wood{syntax:"<color>";inherits:true;initial-value:#8a5a3c}@property --f-cream{syntax:"<color>";inherits:true;initial-value:#f4e9d2}@property --f-rose{syntax:"<color>";inherits:true;initial-value:#d98595}@property --f-mint{syntax:"<color>";inherits:true;initial-value:#7fb0a3}@property --f-gold{syntax:"<color>";inherits:true;initial-value:#d9a84a}@property --f-red{syntax:"<color>";inherits:true;initial-value:#b8332e}@property --f-ink{syntax:"<color>";inherits:true;initial-value:#3a2426}@property --f-skin{syntax:"<color>";inherits:true;initial-value:#f1d3b5}@property --f-paper{syntax:"<color>";inherits:true;initial-value:#f5efe1}@property --f-ground{syntax:"<color>";inherits:true;initial-value:#4a2e2c}.film{--f-sky:#e9c3c7;--f-facade:#b5495b;--f-wall:#f0d9d2;--f-wall-2:#d9a3a8;--f-floor:#6e3b3a;--f-wood:#8a5a3c;--f-cream:#f4e9d2;--f-rose:#d98595;--f-mint:#7fb0a3;--f-gold:#d9a84a;--f-red:#b8332e;--f-ink:#3a2426;--f-skin:#f1d3b5;--f-paper:#f5efe1;--f-ground:#4a2e2c;transition:--f-sky var(--dur-4) var(--ease), --f-facade var(--dur-4) var(--ease), --f-wall var(--dur-4) var(--ease), --f-wall-2 var(--dur-4) var(--ease), --f-floor var(--dur-4) var(--ease), --f-wood var(--dur-4) var(--ease), --f-cream var(--dur-4) var(--ease), --f-rose var(--dur-4) var(--ease), --f-mint var(--dur-4) var(--ease), --f-gold var(--dur-4) var(--ease), --f-red var(--dur-4) var(--ease), --f-ink var(--dur-4) var(--ease), --f-paper var(--dur-4) var(--ease), --f-ground var(--dur-4) var(--ease);gap:24px;min-width:0;display:grid}.film[data-palette="1"]{--f-sky:#d9cfa8;--f-facade:#a8743c;--f-wall:#efe3c6;--f-wall-2:#cbb27c;--f-floor:#5f4a2c;--f-wood:#7c5a34;--f-cream:#f3ebd4;--f-rose:#c9764c;--f-mint:#7f9469;--f-gold:#e2b04a;--f-red:#b5482c;--f-ink:#32291c;--f-paper:#f4efe0;--f-ground:#3f3323}.film[data-palette="2"]{--f-sky:#a9cfd8;--f-facade:#2f6f8a;--f-wall:#e6eef0;--f-wall-2:#b6cdd4;--f-floor:#2e4a5a;--f-wood:#6b5238;--f-cream:#f1eadb;--f-rose:#d65a4a;--f-mint:#4f8f9a;--f-gold:#e2b85a;--f-red:#c33f36;--f-ink:#1f2e3a;--f-skin:#efd0b0;--f-paper:#f3efe4;--f-ground:#1f3542}.film-set text{font-family:var(--font-display)}.film :where(button){cursor:pointer;color:inherit;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:12px}.film button:focus-visible,.film input:focus-visible,.film textarea:focus-visible,.film [tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.film-theatre{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.film-stagebox{gap:14px;min-width:0;display:grid}.film-slate{min-width:0;font:400 12px / 1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);justify-content:space-between;gap:16px;margin:0;display:flex}.film-slate span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.film-slate span:last-child{color:var(--paper);white-space:nowrap}.film-screen{aspect-ratio:var(--ratio,1.85);background:var(--f-ground);border:2px solid var(--paper);width:100%;max-height:78svh;transition:aspect-ratio var(--dur-3) var(--ease);margin-inline:auto;position:relative;overflow:hidden}.film-camera{width:100%;height:100%;display:block}.film-guides{pointer-events:none;background:linear-gradient(90deg, transparent calc(50% - .5px), var(--f-cream) 50%, transparent calc(50% + .5px)), linear-gradient(transparent calc(50% - .5px), var(--f-cream) 50%, transparent calc(50% + .5px));opacity:.75;position:absolute;inset:0}.film-guides:before{content:"";border:1px solid var(--f-cream);position:absolute;inset:10%}.film-guides span{font:400 9px / 1 var(--font-mono);letter-spacing:.14em;color:var(--f-cream);margin-top:8px;position:absolute;top:10%;left:calc(50% + 8px)}.film-subtitle{text-align:center;color:var(--f-cream);pointer-events:none;justify-items:center;gap:4px;margin:0;display:grid;position:absolute;bottom:6%;left:8%;right:8%}.film-speaker{font:400 10px / 1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:var(--f-ink);padding:2px 8px}.film-line{font:500 clamp(14px, 1.6vw, 22px) / 1.35 var(--font-display);letter-spacing:.01em;background:var(--f-ink);color:var(--f-gold);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:4px 12px}.film-progress,.film-caption,.film-skip,.film-lesson-toggle{display:none}.film-progress{pointer-events:none;gap:4px;position:absolute;top:12px;left:12px;right:12px}.film-progress i{background:color-mix(in srgb, var(--f-ink) 45%, transparent);flex:1;height:3px;position:relative}.film-progress i:after{content:"";background:var(--f-cream);transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.film-transport{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.film-play{text-align:center;background:var(--yellow);min-width:148px;min-height:36px;color:var(--ink);padding-inline:16px;font-weight:500}.film-clock{font:400 12px / 1 var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--dim);white-space:nowrap}.film-scrub{flex:200px;display:block}.film-scrub input{width:100%;height:24px;accent-color:var(--yellow);cursor:pointer;display:block}.film-switches{gap:4px;display:flex}.film-switches button{border:1px solid var(--rule-strong);min-height:32px;color:var(--dim);transition:color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);padding-inline:12px}.film-switches button:hover{color:var(--paper)}.film-switches button[aria-pressed=true]{color:var(--paper);border-color:var(--yellow);box-shadow:inset 0 -3px 0 var(--yellow)}.film-notice,.film-error{font:400 12px / 1.5 var(--font-mono);color:var(--dim);margin:0}.film-error{color:var(--red)}.film-lesson-body{align-content:start;gap:12px;display:grid}.film-lesson-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.film-lesson-setup{font:500 14px / 1.3 var(--font-display);text-align:right}.film-lesson h2{min-height:2.16em;font:600 clamp(24px, 2.4vw, 30px) / 1.08 var(--font-display);letter-spacing:-.03em;margin:4px 0 0}.film-lesson p{min-height:6.2em;margin:0;font-size:15px;line-height:1.55}.film-lesson-setup,.film-lesson-lens{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.film-lesson-lens{display:block}.film-steps{border:2px solid var(--ink);grid-template-columns:1fr auto 1fr;margin-top:8px;display:grid}.film-steps button{min-height:44px;color:var(--ink);transition:background var(--dur-2) var(--ease);padding-inline:12px}.film-steps button+button{border-left:2px solid var(--ink)}.film-steps button:nth-child(2){background:var(--ink);color:var(--paper)}.film-steps button:hover:not(:disabled){background:var(--yellow);color:var(--ink)}.film-steps button:disabled{cursor:default;color:var(--dim);opacity:.5}.film-hint{font:400 12px / 1.5 var(--font-mono);color:var(--dim)}.film-settings{border-top:1px solid var(--rule);gap:10px;margin-top:4px;padding-top:14px;display:grid}.film-settings fieldset{border:0;align-items:center;gap:4px;margin:0;padding:0;display:flex}.film-settings legend{float:left;width:56px;font:400 11px / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.film-settings fieldset button{border:1px solid var(--rule-strong);min-height:30px;color:var(--dim);transition:color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);padding-inline:10px}.film-settings fieldset button:hover{color:var(--ink)}.film-settings fieldset button[aria-pressed=true]{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)}.film-swatch{width:56px;height:30px;padding:3px;display:flex}.film-swatch i{flex:1;display:block}.film-paper{--dim:#6b665b;--rule:color-mix(in srgb, var(--ink) 14%, transparent);--rule-strong:color-mix(in srgb, var(--ink) 34%, transparent);background:var(--paper);color:var(--ink);border:2px solid var(--ink);min-width:0;padding:clamp(16px,2.4vw,32px)}.film-paper button:focus-visible,.film-paper textarea:focus-visible,.film-paper [tabindex]:focus-visible{outline-color:var(--ink)}.film-head{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding-bottom:14px;display:flex}.film-head h2{font:600 clamp(22px, 2.4vw, 30px) / 1.1 var(--font-display);letter-spacing:-.03em;margin:0}.film-link{color:var(--ink);text-underline-offset:4px;margin-left:auto;text-decoration:underline}.film-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.film-frame{text-align:left;text-transform:none;letter-spacing:0;border:2px solid var(--ink);width:100%;transition:border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);border-top-width:6px;gap:8px;padding:8px 8px 10px;display:grid}.film-frame:hover{background:color-mix(in srgb, var(--ink) 5%, var(--paper))}.film-frame[aria-pressed=true]{border-top-color:var(--red)}.film-frame svg{aspect-ratio:1.85;background:var(--f-ground);width:100%;display:block}.film-frame-meta{font:400 11px / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);gap:10px;display:flex}.film-frame-meta b{color:var(--ink);font-weight:500}.film-frame-meta span:last-child{margin-left:auto}.film-frame-lesson{font:500 15px / 1.3 var(--font-display);letter-spacing:-.01em}.film-sheet-note{color:var(--dim);margin:14px 0 0;font-size:15px}.film-sheet-scroll{overscroll-behavior-x:contain;margin-top:16px;overflow-x:auto}.film-drawing-views,.film-drawing-controls{display:none}.film-drawing-views,.film-drawing-shots{border:0;min-width:0;margin:0;padding:0}.film-master{border:1px solid var(--rule-strong);width:100%;height:auto;display:block}.film-master-shot{cursor:pointer}.film-master-frame,.film-master-arrival{fill:#0000;stroke:var(--ink);stroke-width:8px;transition:stroke var(--dur-2) var(--ease)}.film-master-arrival{stroke-dasharray:24 20}.film-master-path{stroke:var(--ink);stroke-width:6px;stroke-dasharray:12 16}.film-master-tag{fill:var(--ink);transition:fill var(--dur-2) var(--ease)}.film-master-shot text{fill:var(--paper);font-family:var(--font-display)}.film-master-shot:hover .film-master-frame,.film-master-shot:hover .film-master-arrival,.film-master-shot[data-current=true] .film-master-frame,.film-master-shot[data-current=true] .film-master-arrival{stroke:var(--red)}.film-master-shot:hover .film-master-tag,.film-master-shot[data-current=true] .film-master-tag{fill:var(--red)}.film-master-camera{fill:#0000;stroke:var(--yellow);stroke-width:14px;pointer-events:none}.film-script-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;margin-top:20px;display:grid}.film-page{border:1px solid var(--rule-strong);background:#fffdf8;padding:24px 28px}.film-page>label{text-align:center;text-transform:uppercase;text-underline-offset:4px;margin-bottom:18px;font:400 13px/1.6 Courier Prime,Courier New,Courier,monospace;text-decoration:underline;display:block}.film-page textarea{resize:vertical;border:1px solid var(--rule);width:100%;height:520px;color:var(--ink);background:0 0;border-radius:0;padding:12px;font:400 13px/1.65 Courier Prime,Courier New,Courier,monospace;display:block}.film-script-actions{flex-wrap:wrap;gap:12px 20px;margin-top:16px;display:flex}.film-thread{background:var(--ink);min-height:36px;color:var(--paper);padding-inline:16px}.film-page .film-notice,.film-page .film-error{min-height:18px;margin-top:12px}.film-grammar{font-size:15px;line-height:1.6}.film-grammar h3{font:600 20px / 1.2 var(--font-display);letter-spacing:-.02em;margin:0 0 8px}.film-grammar p{margin:0 0 12px}.film-grammar ul{border-top:1px solid var(--rule);margin:0 0 12px;padding:0;list-style:none}.film-grammar li{border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding:6px 0;font-size:14px;display:flex}.film-grammar code{font:400 12px / 1.5 var(--font-mono)}.film-print-only{display:none}@media (max-width:1100px){.film-theatre{grid-template-columns:1fr}}@media (max-width:900px){.film-frames{grid-template-columns:repeat(2,minmax(0,1fr))}.film-script-body{grid-template-columns:1fr}}@media (max-width:720px){.film{gap:16px}.film-slate,.film-subtitle{display:none}.film-theatre{gap:16px}.film-stagebox{gap:0}.film-screen{aspect-ratio:var(--ratio,1.37);border:0;max-height:52svh}.film-progress{display:flex}.film-caption{background:var(--f-ink);min-height:128px;color:var(--f-cream);align-content:start;gap:8px;padding:14px 16px;display:grid}.film-caption-meta{font:400 10px / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.film-caption p{font:500 17px / 1.4 var(--font-display);color:var(--f-gold);overflow-wrap:anywhere;margin:0}.film-caption b{font:400 10px / 1.4 var(--font-mono);letter-spacing:.1em;color:var(--f-cream);margin-bottom:3px;display:block}.film .film-transport{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;padding-top:12px;display:grid}.film button{touch-action:manipulation;min-height:44px}.film .film-skip{border:1px solid var(--rule-strong);font-size:22px;display:block}.film-skip:disabled{opacity:.3;cursor:default}.film-play{min-width:0;min-height:48px}.film-clock{grid-area:3/1/auto/-1;justify-self:center}.film-scrub{grid-area:2/1/auto/-1}.film-scrub input{height:36px;margin:0}.film-switches{grid-column:1/-1;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin-top:8px;display:grid}.film-notice{margin-top:12px}.film-lesson{padding:0 16px}.film-lesson-toggle{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;display:flex}.film-lesson-toggle span{font-size:22px}.film-lesson-body{padding-block:8px 20px;display:none}.film-lesson[data-expanded=true] .film-lesson-body{display:grid}.film-lesson h2,.film-lesson p{min-height:0}.film-steps{grid-template-columns:1fr 1fr 1fr}.film .film-steps button{padding-inline:4px;font-size:11px}.film-settings fieldset{flex-wrap:wrap}.film-settings legend{width:100%;margin-bottom:8px}.film-head{gap:10px}.film-link{margin-left:0}.film-board,.film-sheet{overflow-x:clip}.film-frames{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;margin-inline:-16px;padding:4px 16px 12px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.film-frames li{scroll-snap-align:center;flex:0 0 min(82%,320px)}.film-sheet-scroll{background:var(--f-paper);margin-top:12px;overflow:hidden}.film-master{aspect-ratio:5800/2400;min-width:0}.film-sheet-scroll[data-detail=true] .film-master{aspect-ratio:4/3}.film-master-shot{pointer-events:none}.film-master-frame,.film-master-arrival,.film-master-path,.film-master-camera{vector-effect:non-scaling-stroke;stroke-width:2px}.film-master-camera{stroke-width:3px}.film-master-arrival,.film-master-path{stroke-dasharray:5 4}.film-drawing-views{border:1px solid var(--rule-strong);grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;display:grid}.film-drawing-views button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.film-drawing-controls{gap:12px;margin-top:16px;display:grid}.film-drawing-current{gap:4px;margin:0;display:grid}.film-drawing-current strong{font:500 20px / 1.3 var(--font-display)}.film-drawing-help{color:var(--dim);margin:0;font-size:14px}.film-drawing-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.film-drawing-shots button{border:1px solid var(--rule-strong);text-align:left;text-transform:none;letter-spacing:0;align-items:center;gap:8px;min-height:52px;padding:8px;display:flex}.film-drawing-shots b{font:500 12px / 1 var(--font-mono)}.film-drawing-shots span{font:500 13px / 1.25 var(--font-display)}.film-drawing-shots button[aria-pressed=true]{border-color:var(--ink);background:var(--yellow);box-shadow:inset 3px 0 0 var(--ink)}.film-drawing-replay{background:var(--ink);color:var(--paper);padding-inline:12px}.film-page{min-width:0;padding:12px}.film-page textarea{height:50svh;min-height:280px;padding:10px;font-size:16px}.film-script-actions{grid-template-columns:1fr;gap:8px;display:grid}}@media (prefers-reduced-motion:reduce){.film,.film *{transition:none}}@media print{@page{margin:14mm}.film-theatre,.film-sheet,.film-head button,.film-note,.film-script-body{display:none}body:has(.film) .site-header{display:none}body:has(.film) .site-footer{display:none}body:has(.film) .site-progress{display:none}body:has(.film) .frame__head{display:none}body:has(.film) .frame__more{display:none}body:has(.film) .frame__notes{display:none}body:has(.film) .frame__nav{display:none}body:has(.film) .frame__stage{color:#000;background:#fff;border:0;min-height:0;padding:0}.film-paper{color:#000;background:#fff;border:0;padding:0}.film-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.film-frame,.film-frame[aria-pressed=true]{break-inside:avoid;background:#fff;border-color:#555;border-top-width:2px}.film-print-only{font:10px/1.5 Courier New,Courier,monospace;display:block}.film-print-script{white-space:pre-wrap;break-before:page;margin-top:24px;font:11px/1.6 Courier New,Courier,monospace}}