*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--navy-900: #0b1522;--navy-800: #101d2e;--navy-700: #16273c;--navy-600: #1e344f;--paper: #f6f1e8;--amber: #e0a04a;--amber-deep: #c9873a;--rec: #e0574c;--stage-bg: var(--navy-900);--stage-ink: var(--paper);--stage-ink-dim: rgb(246 241 232 / .34);--stage-ink-soft: rgb(246 241 232 / .6);--surface: var(--navy-800);--surface-raised: var(--navy-700);--surface-sunken: var(--navy-900);--ink: var(--paper);--ink-dim: rgb(246 241 232 / .68);--ink-faint: rgb(246 241 232 / .42);--edge: rgb(246 241 232 / .12);--edge-strong: rgb(246 241 232 / .22);--amber-wash: rgb(224 160 74 / .16);--font-sans: "Avenir Next", Avenir, "Nunito Sans", "Century Gothic", "URW Gothic", Futura, "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--space-1: .375rem;--space-2: .75rem;--space-3: 1.25rem;--space-4: 2rem;--space-5: 3rem;--radius: 14px;--radius-lg: 22px;font-family:var(--font-sans);color-scheme:dark light}@media(prefers-color-scheme:light){:root{--surface: #f6f1e8;--surface-raised: #ffffff;--surface-sunken: #ece5d8;--ink: var(--navy-800);--ink-dim: rgb(16 29 46 / .72);--ink-faint: rgb(16 29 46 / .48);--edge: rgb(16 29 46 / .12);--edge-strong: rgb(16 29 46 / .24);--amber-wash: rgb(201 135 58 / .14)}}body{min-height:100dvh;background-color:var(--stage-bg);color:var(--ink);letter-spacing:-.01em}.page{max-width:80ch;margin-inline:auto;padding:var(--space-4);color:var(--paper)}.studio{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;background-color:var(--stage-bg)}.studio--fullscreen .topbar{opacity:.28;transition:opacity .2s ease}.studio--fullscreen .topbar:hover,.studio--fullscreen .topbar:focus-within{opacity:1}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--surface);border-bottom:1px solid var(--edge)}.topbar__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar__eyebrow{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.topbar__title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.topbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.recDot{display:block;width:12px;height:12px;border-radius:50%;background-color:var(--edge-strong);flex:none}.recDot--live{background-color:var(--rec);box-shadow:0 0 #e0574c80;animation:recPulse 1.8s ease-out infinite}@keyframes recPulse{70%{box-shadow:0 0 0 10px #e0574c00}to{box-shadow:0 0 #e0574c00}}.studio__body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,20rem) minmax(260px,20rem);gap:1px;min-height:0;background-color:var(--edge)}.panel{position:relative;min-height:0;background-color:var(--stage-bg)}.panel--shots,.panel--record{background-color:var(--surface)}.panel__scroll{height:100%;overflow-y:auto;padding:var(--space-4)}@media(max-width:900px){.studio__body{grid-template-columns:minmax(0,1fr)}.studio[data-panel=script] .panel--shots,.studio[data-panel=script] .panel--record,.studio[data-panel=shots] .panel--script,.studio[data-panel=shots] .panel--record,.studio[data-panel=record] .panel--script,.studio[data-panel=record] .panel--shots{display:none}.panel__scroll{padding:var(--space-3)}}@media(min-width:901px){.segmented--panels{display:none}}.stage{position:relative;height:100%;min-height:0;container-type:size}.stage__band{position:absolute;inset-inline:0;top:38%;height:0;border-top:1px solid rgb(224 160 74 / .28);pointer-events:none;z-index:1}.stage__band:before,.stage__band:after{content:"";position:absolute;top:-5px;border-block:5px solid transparent}.stage__band:before{left:0;border-left:8px solid var(--amber)}.stage__band:after{right:0;border-right:8px solid var(--amber)}.stage__viewport{height:100%;overflow-y:auto;scrollbar-width:none;padding-inline:clamp(var(--space-3),6vw,5rem);color:var(--stage-ink)}.stage__viewport::-webkit-scrollbar{display:none}.stage__viewport:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}.stage__viewport--mirrored .stage__track{transform:scaleX(-1)}.stage__lead{height:38cqh}.stage__tail{height:62cqh;padding-top:var(--space-5);color:var(--stage-ink-dim);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.stage__section+.stage__section{margin-top:var(--space-5)}.stage__sectionTitle{margin:0 0 var(--space-3);font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--stage-ink-dim)}.stage__empty{color:var(--stage-ink-dim);font-size:1rem}.line{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid transparent;transition:border-color .22s ease}.line__text{flex:1;min-width:0;appearance:none;background:none;border:0;padding:.15em 0;text-align:left;cursor:pointer;font-family:inherit;font-size:var(--script-size, 56px);line-height:var(--script-leading, 1.7);font-weight:500;letter-spacing:-.02em;color:var(--stage-ink-dim);text-wrap:pretty;transition:color .22s ease,opacity .22s ease}@media(max-width:700px){.line__text{font-size:clamp(24px,calc(var(--script-size, 56px) * .62),56px)}}.line--active{border-left-color:var(--amber)}.line--active .line__text{color:var(--stage-ink)}.line--awkward .line__text{text-decoration:underline wavy rgb(224 160 74 / .55);text-underline-offset:.18em}.line__flag{flex:none;margin-top:.6em;width:2rem;height:2rem;border-radius:50%;border:1px solid transparent;background:none;color:var(--stage-ink-dim);cursor:pointer;opacity:0;transition:opacity .16s ease,transform .12s ease,color .16s ease}.line:hover .line__flag,.line:focus-within .line__flag,.line__flag[aria-pressed=true]{opacity:1}.line--active .line__flag{opacity:.55}@media(hover:none){.line__flag{opacity:.4}}.line__flag[aria-pressed=true]{color:var(--amber);border-color:#e0a04a66;background-color:var(--amber-wash)}.cameraPreview{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:3;width:clamp(84px,16vw,152px);aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius);border:1px solid var(--edge-strong);background-color:var(--navy-900);box-shadow:0 10px 30px #0b152280;pointer-events:none}.cameraPreview__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background-color:#0b1522d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2}.countdown__number{margin:0;font-size:clamp(6rem,22vw,14rem);font-weight:300;line-height:1;letter-spacing:-.05em;color:var(--amber);animation:countPop .9s ease-out}.countdown__caption{margin:0;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--stage-ink-dim)}@keyframes countPop{0%{opacity:.2;transform:scale(.9)}}.studio__dock{background-color:var(--surface);border-top:1px solid var(--edge)}.dock{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.dock__transport{display:flex;align-items:center;gap:var(--space-4)}.transport{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:3.5rem;min-width:12rem;border:0;border-radius:999px;background-color:var(--amber);color:var(--navy-900);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1.4),background-color .16s ease,box-shadow .16s ease;box-shadow:0 10px 30px #e0a04a2e}.transport:hover{background-color:var(--amber-deep)}.transport:active{transform:scale(.965)}.transport--rolling{background-color:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge-strong)}.transport__glyph{font-size:1rem}.dock__readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-3);min-width:0}.dock__time{margin:0;font-size:1.5rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}.dock__remaining{margin:0;font-size:.85rem;color:var(--ink-faint)}.dock__reset{margin-left:auto}.dock__dials{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3)}.dial{display:flex;flex-direction:column;gap:var(--space-1);min-width:11rem;flex:1 1 11rem}.dial--number{flex:0 0 auto;min-width:8rem}.dial__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.dial__label b{color:var(--ink-dim);font-weight:600;letter-spacing:0;text-transform:none}input[type=range]{appearance:none;width:100%;height:2px;border-radius:2px;background-color:var(--edge-strong);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background-color:var(--amber);border:0;transition:transform .12s ease}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:var(--amber);border:0}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}.confidence{display:flex;align-items:center;gap:var(--space-2)}.confidence__track{position:relative;width:5.5rem;height:4px;border-radius:2px;background-color:var(--edge-strong)}.confidence__comfort{position:absolute;inset:0 41% 0 31%;border-radius:2px;background-color:#e0a04a73}.confidence__needle{position:absolute;top:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background-color:currentcolor;transform:translateY(-50%);transition:left .2s ease}.confidence__label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.06em;color:currentcolor}.confidence--relaxed,.confidence--steady{color:var(--ink-dim)}.confidence--brisk{color:var(--amber)}.confidence--fast{color:var(--rec)}.ghostButton{padding:.6rem var(--space-3);border-radius:999px;border:1px solid var(--edge-strong);background:none;color:var(--ink-dim);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1.4),color .16s ease,border-color .16s ease,background-color .16s ease}.ghostButton:hover{color:var(--ink);border-color:var(--amber)}.ghostButton:active{transform:scale(.96)}.ghostButton[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background-color:var(--amber-wash)}.toggleButton{padding:.6rem var(--space-3);border-radius:999px;border:1px solid var(--edge-strong);background:none;color:var(--ink-dim);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1.4),color .16s ease,border-color .16s ease,background-color .16s ease}.toggleButton:active{transform:scale(.96)}.toggleButton[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background-color:var(--amber-wash)}.segmented{display:inline-flex;padding:3px;border-radius:999px;background-color:var(--surface-sunken);border:1px solid var(--edge)}.segmented button{padding:.4rem var(--space-3);border:0;border-radius:999px;background:none;color:var(--ink-faint);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .12s ease}.segmented button:active{transform:scale(.96)}.segmented button[aria-pressed=true]{background-color:var(--amber-wash);color:var(--amber)}.miniButton{width:2rem;height:2rem;flex:none;border-radius:999px;border:1px solid var(--edge);background:none;color:var(--ink-faint);font-size:.9rem;line-height:1;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1.4),color .16s ease,border-color .16s ease}.miniButton--wide{width:auto;padding-inline:var(--space-2);font-size:.78rem;font-weight:600}.miniButton:hover:not(:disabled){color:var(--ink);border-color:var(--amber)}.miniButton:active:not(:disabled){transform:scale(.9)}.miniButton:disabled{opacity:.3;cursor:not-allowed}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field--inline{flex:1}.field__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}input[type=text],textarea,select{width:100%;padding:.65rem var(--space-2);border-radius:var(--radius);border:1px solid var(--edge);background-color:var(--surface-sunken);color:var(--ink);font-family:inherit;font-size:.95rem}textarea{resize:vertical;line-height:1.6}input[type=text]:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:1px}input[type=checkbox]{accent-color:var(--amber);width:1.15rem;height:1.15rem;flex:none}.strip{display:flex;flex-direction:column;gap:var(--space-3);max-width:34rem}.strip__header h2{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.strip__count{margin:var(--space-1) 0 0;font-size:.9rem;color:var(--ink-dim)}.strip__empty,.drawer__empty{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-faint)}.strip__list,.drawer__scripts,.drawer__versions,.drawer__marked,.editor__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.shot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--edge);background-color:var(--surface-raised);transition:transform .14s ease,opacity .14s ease,border-color .14s ease}.shot--dragging{opacity:.45}.shot--over,.sectionCard--over{border-color:var(--amber);transform:translateY(2px)}.shot--captured .shot__text{color:var(--ink-faint);text-decoration:line-through}.shot__grip,.sectionCard__grip{color:var(--ink-faint);cursor:grab;font-size:.8rem;letter-spacing:-.2em;-webkit-user-select:none;user-select:none}.shot__body{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;cursor:pointer}.shot__text{font-size:.95rem;line-height:1.5;color:var(--ink)}.shot__actions,.sectionCard__actions{display:flex;gap:var(--space-1)}.strip__form,.drawer__form,.drawer__import{display:flex;flex-direction:column;gap:var(--space-2);align-items:start;padding-top:var(--space-2);border-top:1px solid var(--edge)}.drawer__hint{margin:0;font-size:.82rem;line-height:1.5;color:var(--ink-faint)}.editor{display:flex;flex-direction:column;gap:var(--space-3);max-width:46rem;margin-inline:auto;align-items:start;color:var(--stage-ink)}.editor__header h2{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--stage-ink-dim)}.editor__hint{margin:var(--space-1) 0 0;font-size:.9rem;color:var(--stage-ink-dim)}.editor .field__label{color:var(--stage-ink-dim)}.editor input[type=text],.editor textarea{background-color:var(--navy-800);border-color:#f6f1e81f;color:var(--stage-ink)}.editor .ghostButton,.editor .miniButton{color:var(--stage-ink-soft);border-color:#f6f1e838}.editor__list{width:100%;gap:var(--space-3)}.sectionCard{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgb(246 241 232 / .1);background-color:var(--navy-800);transition:transform .14s ease,opacity .14s ease,border-color .14s ease}.sectionCard--dragging{opacity:.45}.sectionCard__head{display:flex;align-items:end;gap:var(--space-2)}.recorder{display:flex;flex-direction:column;gap:var(--space-3);max-width:34rem}.recorder__header h2{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.recorder__hint{margin:var(--space-1) 0 0;font-size:.9rem;color:var(--ink-dim)}.recorder__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.recorder__error{margin:0;font-size:.9rem;line-height:1.5;color:var(--rec)}.drawer{position:fixed;inset:0;z-index:20;pointer-events:none}.drawer--open{pointer-events:auto}.drawer__scrim{position:absolute;inset:0;border:0;padding:0;background-color:#0b152299;opacity:0;cursor:pointer;transition:opacity .24s ease}.drawer--open .drawer__scrim{opacity:1}.drawer__panel{position:absolute;inset-block:0;left:0;width:min(26rem,92vw);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);overflow-y:auto;background-color:var(--surface);border-right:1px solid var(--edge);transform:translate(-101%);transition:transform .26s cubic-bezier(.32,.72,0,1)}.drawer--open .drawer__panel{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.drawer__header h2{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.drawer__section{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--edge)}.drawer__section h3{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.scriptRow,.versionRow,.markedRow{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius);border:1px solid var(--edge);background-color:var(--surface-raised);padding:var(--space-1) var(--space-2)}.scriptRow--active{border-color:var(--amber);background-color:var(--amber-wash)}.scriptRow__pick,.markedRow__jump{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}.scriptRow__title{font-size:.98rem;font-weight:600;color:var(--ink)}.scriptRow__meta,.versionRow__meta,.markedRow__section{font-size:.78rem;color:var(--ink-faint)}.markedRow__section{letter-spacing:.14em;text-transform:uppercase}.versionRow__body{flex:1;min-width:0;display:flex;flex-direction:column;padding-block:var(--space-2)}.versionRow__label{font-size:.95rem;font-weight:600}.markedRow__text{font-size:.9rem;line-height:1.5;color:var(--ink-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}