:root{--canvas:#f5f4f0;--paper:#fff;--ink:#1c1b18;--muted:#6d6a62;--faint:#9b978c;--rule:#e3e0d8;--rule-dark:#c9c5ba;--surface-strong:#f1f3f0;--attention:#b98500;--sync:#3d8a7a;--scene-accent:#8a8578}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:12px}button{font:inherit;cursor:pointer}.mono{font-variant-numeric:tabular-nums}.viewer-gate{text-align:center;place-content:center;gap:10px;height:100%;display:grid}.viewer-gate h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:18px}.viewer-gate p{max-width:420px;color:var(--muted);margin:0}.viewer-gate-error{color:#a4231b}.viewer-password-form{justify-content:center;gap:6px;display:flex}.viewer-password-form input{border:1px solid var(--rule-dark);background:var(--paper);width:200px;height:32px;padding:0 10px;font-size:13px}.viewer-password-form button,.viewer-comment-form button{border:1px solid var(--ink);background:var(--ink);color:#fff;height:32px;padding:0 14px}.viewer-password-form button:disabled,.viewer-comment-form button:disabled{opacity:.4;cursor:default}.viewer-shell{flex-direction:column;height:100%;display:flex}.viewer-header{border-bottom:1px solid var(--rule);background:var(--paper);align-items:center;gap:16px;padding:10px 16px;display:flex}.viewer-title{flex:1;min-width:0}.viewer-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.viewer-subtitle{color:var(--muted);font-size:10px}.viewer-tabs{gap:2px;display:flex}.viewer-tabs button{border:1px solid var(--rule-dark);background:var(--paper);height:28px;color:var(--muted);padding:0 12px}.viewer-tabs button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.viewer-print{border:1px solid var(--rule-dark);background:var(--paper);height:28px;color:var(--ink);padding:0 12px}.viewer-toolbar{border-bottom:1px solid var(--rule-dark);background:var(--paper);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 16px;display:flex}.shotlist-projection-controls{align-items:center;gap:6px;display:flex}.viewer-search{flex:none;align-items:center;width:min(240px,34vw);display:flex;position:relative}.viewer-search>svg{width:13px;height:13px;color:var(--muted);pointer-events:none;position:absolute;left:8px}.viewer-search input{border:1px solid var(--rule);background:var(--surface-strong);width:100%;height:28px;padding:0 8px 0 26px;font-size:11px}.viewer-fit-toggle[aria-pressed=true]{background:var(--ink);color:#fff}.viewer-zoom{align-items:center;gap:4px;display:inline-flex}.viewer-zoom-value{min-width:38px;color:var(--muted);text-align:center;font-size:10px}.viewer-visible-count{color:var(--muted);white-space:nowrap;flex:none;margin-left:auto;font-size:10px}.viewer-projection-empty{color:var(--muted);text-align:center;padding:24px 16px}.icon-button{border:1px solid var(--rule);background:var(--surface-strong);width:28px;height:28px;color:var(--ink);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{width:14px;height:14px}.icon-button:hover{border-color:var(--rule-dark)}.text-button{border:1px solid var(--rule);background:var(--surface-strong);height:28px;color:var(--ink);align-items:center;gap:5px;padding:0 10px;font-size:11px;display:inline-flex}.text-button:disabled{opacity:.4;cursor:default}.segmented{display:inline-flex}.segmented-button{border:1px solid var(--rule);background:var(--surface-strong);color:var(--muted);border-right-width:0;padding:0 10px;font-size:11px}.segmented-button:first-child{border-radius:4px 0 0 4px}.segmented-button:last-child{border-right-width:1px;border-radius:0 4px 4px 0}.segmented-button[aria-pressed=true]{background:var(--ink);color:#fff}.compact-select{align-items:center;min-width:0;display:flex;position:relative}.compact-select>svg{width:13px;height:13px;color:var(--muted);pointer-events:none;position:absolute;left:7px}.compact-select select{border:1px solid var(--rule);background:var(--surface-strong);width:132px;min-width:0;height:28px;color:var(--ink);font:inherit;padding:0 6px 0 25px;font-size:10px;font-weight:650}.micro-order-select select{width:166px}.filter-menu-root,.filter-button{position:relative}.filter-count{background:var(--attention);color:#fff;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-5px}.filter-menu-popover{z-index:50;border:1px solid var(--rule-dark);background:#f8faf7;border-radius:5px;grid-template-rows:34px minmax(0,1fr) 38px;width:min(980px,100vw - 24px);max-height:min(640px,100vh - 100px);display:grid;position:fixed;top:88px;left:12px;overflow:hidden;box-shadow:0 12px 30px #181c1838}.filter-menu-popover>header,.filter-menu-popover>footer{align-items:center;padding:0 7px 0 10px;display:flex}.filter-menu-popover>header{border-bottom:1px solid var(--rule);text-transform:uppercase;font-size:10px}.filter-menu-popover>header .icon-button{background:0 0;border:0;width:26px;height:26px;margin-left:auto}.filter-menu-popover>footer{border-top:1px solid var(--rule);justify-content:flex-end;gap:8px}.filter-menu-popover>footer .text-button{height:26px}.filter-menu-columns{align-content:start;min-height:0;display:grid;overflow:auto}.filter-dimension{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;min-width:0;max-height:252px;padding:7px 0 0;display:flex}.filter-dimension-heading{color:var(--muted);text-transform:uppercase;flex:none;align-items:baseline;gap:4px;padding:2px 10px 6px;font-size:9px;font-weight:750;display:flex}.filter-dimension-heading>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;overflow:hidden}.filter-dimension-all{border:1px solid var(--rule);background:var(--surface-strong);color:var(--muted);letter-spacing:.03em;text-transform:uppercase;border-radius:3px;flex:none;padding:1px 6px;font-size:8.5px;font-weight:650}.filter-dimension-all:hover{border-color:var(--rule-dark);color:var(--ink);background:#e9ede8}.filter-dimension-options{flex:auto;min-height:0;padding:0 7px 5px;overflow:auto}.filter-dimension-modes-row{border-top:1px solid var(--rule);background:#f2f4f1;flex-wrap:wrap;flex:none;align-items:center;gap:4px;padding:5px 7px;display:flex}.filter-dimension-mode{display:inline-flex}.filter-dimension-mode .segmented-button{letter-spacing:.02em;height:17px;padding:0 6px;font-size:8px;font-weight:650}.filter-dimension-mode .segmented-button:disabled{background:var(--surface-strong);color:var(--muted);cursor:default;opacity:.45}.filter-content-mode{flex:none;margin:0 10px 6px;display:flex}.filter-content-mode .segmented-button{flex:1;height:20px;padding:0 6px;font-size:9px;font-weight:650}.filter-menu-option{border-radius:3px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:27px;padding:0 3px;font-size:10px;display:grid}.filter-menu-option:hover{background:#e9ede8}.filter-menu-option input{width:13px;height:13px;margin:0}.filter-menu-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-empty{color:var(--muted);font-size:9px}.viewer-body{flex:1;min-height:0;display:flex}.viewer-main{flex:1;min-width:0;overflow:auto}.viewer-selected{outline:2px solid var(--ink);outline-offset:-2px}.viewer-comment-dot{background:var(--attention);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.viewer-image-frame{background:var(--rule);justify-content:center;align-items:center;width:72px;height:44px;display:inline-flex;overflow:hidden}.viewer-image-frame img{object-fit:cover;width:100%;height:100%}.viewer-image-placeholder{color:var(--faint);font-size:9px}.viewer-more-chip{border:1px solid var(--rule-dark);background:var(--paper);color:var(--muted);border-radius:3px;margin-left:4px;padding:1px 4px;font-size:9px}.viewer-image-stack{gap:2px;display:grid}.viewer-image-stack .viewer-image-frame{aspect-ratio:16/9;width:100%;height:auto}.production-tag-list{justify-content:var(--cell-justify,flex-start);flex-wrap:wrap;gap:3px;min-width:0;display:flex}.production-tag{text-overflow:ellipsis;white-space:nowrap;background:#edf1ed;border:1px solid #cfd6cf;border-radius:999px;align-items:center;min-width:0;max-width:100%;min-height:16px;padding:1px 6px;font-size:.85em;font-weight:650;line-height:1.15;display:inline-flex;overflow:hidden}.production-tag-list-wardrobe .production-tag{background:#f1ecef;border-color:#d8cbd1}.production-tag-list-props .production-tag{background:#edf2e9;border-color:#cbd6c4}.viewer-shotlist table{border-collapse:collapse;background:var(--paper);table-layout:fixed}.viewer-shotlist th,.viewer-shotlist td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:5px 8px;font-size:11px}.viewer-shotlist th+th,.viewer-shotlist td+td{border-left:1px solid var(--rule)}.viewer-shotlist td{white-space:pre-wrap}.viewer-cell-body{min-width:0;display:block}.viewer-rows-clamped .viewer-shot-row .viewer-cell-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.viewer-shotlist thead th{z-index:2;border-bottom:1px solid var(--rule-dark);background:var(--canvas);color:var(--muted);cursor:grab;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;position:sticky;top:0;overflow:visible}.viewer-shotlist thead th[data-drop=before]{box-shadow:inset 2px 0 0 var(--sync)}.viewer-shotlist thead th[data-drop=after]{box-shadow:inset -2px 0 0 var(--sync)}.viewer-col-grip{z-index:3;cursor:col-resize;width:9px;position:absolute;top:0;bottom:0;right:-4px}.viewer-col-grip:hover{box-shadow:inset -3px 0 0 var(--rule-dark)}.viewer-shotlist thead th{position:sticky}.viewer-col-number{font-variant-numeric:tabular-nums;white-space:nowrap;width:52px}.viewer-col-ref{width:84px}.viewer-col-description{min-width:260px}.viewer-section-row td{border-top:2px solid var(--rule-dark);background:var(--canvas);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.viewer-scene-row{cursor:pointer;background:color-mix(in srgb, var(--scene-accent) 14%, var(--paper))}.viewer-scene-row td{border-top:2px solid var(--scene-accent);font-weight:650}.viewer-scene-title-line{align-items:center;gap:7px;min-width:0;display:flex}.viewer-scene-title{text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.15;overflow:hidden}.viewer-scene-count{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.viewer-scene-row td.viewer-col-description{color:var(--muted);font-weight:400}.viewer-shot-row{cursor:pointer}.viewer-shot-row:hover{background:color-mix(in srgb, var(--ink) 3%, var(--paper))}.viewer-fragment-row td{color:var(--muted)}.viewer-fragment-kind{font-size:10px;font-style:italic}.viewer-storyboard{padding:12px}.viewer-storyboard-section{border-top:2px solid var(--rule-dark);background:var(--canvas);align-items:baseline;gap:8px;margin-bottom:10px;padding:6px 10px;font-size:11px;font-weight:750;display:flex}.viewer-storyboard-section>span{color:var(--muted);letter-spacing:.04em;font-size:9px}.viewer-storyboard-scene{margin-bottom:18px}.viewer-storyboard-scene header{border-top:2px solid var(--scene-accent);background:color-mix(in srgb, var(--scene-accent) 14%, var(--paper));cursor:pointer;align-items:baseline;gap:8px;padding:6px 10px;display:flex}.viewer-storyboard-scene header small{color:var(--muted);margin-left:auto}.viewer-storyboard-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:10px 0;display:grid}.viewer-card{border:1px solid var(--rule-dark);background:var(--paper);text-align:left;flex-direction:column;padding:0;display:flex}.viewer-card-board{aspect-ratio:16/9;background:var(--rule);display:block;position:relative}.viewer-card-board .viewer-image-frame{width:100%;height:100%}.viewer-card-board .viewer-more-chip{position:absolute;bottom:4px;right:4px}.viewer-card-mosaic{gap:2px;width:100%;height:100%;display:grid}.viewer-card-mosaic-2{grid-template-columns:1fr 1fr}.viewer-card-mosaic-3,.viewer-card-mosaic-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.viewer-card-mosaic-3 .viewer-image-frame:first-child{grid-column:1/3}.viewer-card-mosaic .viewer-image-frame{width:100%;height:100%}.viewer-card-copy{padding:6px 8px;display:block}.viewer-card-number{align-items:baseline;gap:5px;font-weight:650;display:flex}.viewer-card-world{min-width:0;color:var(--faint);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:8.5px;font-weight:600;overflow:hidden}.viewer-card-description{-webkit-line-clamp:3;color:var(--muted);white-space:pre-wrap;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.viewer-boards-fit .viewer-card-description{-webkit-line-clamp:unset;display:block}.viewer-overview{gap:8px;padding:12px;display:grid}.viewer-overview-stats{border:1px solid var(--rule);background:var(--paper);color:var(--muted);text-transform:uppercase;gap:18px;padding:8px 12px;font-size:10px;display:flex}.viewer-overview-stats strong{color:var(--ink);margin-right:4px;font-size:13px}.viewer-overview-band{border:1px solid var(--rule);border-left:4px solid var(--scene-accent);background:color-mix(in srgb, var(--scene-accent) 6%, var(--paper));text-align:left;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;display:flex}.viewer-overview-copy{flex:240px;gap:2px;min-width:0;display:grid}.viewer-overview-scene-label{color:var(--sync);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:750}.viewer-overview-title{font-size:13px}.viewer-overview-summary{color:var(--muted);font-size:11px;overflow:hidden}.viewer-overview-facts{color:var(--muted);font-size:10px}.viewer-overview-worlds{color:var(--faint);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;overflow:hidden}.viewer-overview-frames{flex:none;gap:8px;margin-left:auto;display:flex}.viewer-overview-frame{justify-items:start;gap:2px;display:grid}.viewer-overview-frame .viewer-image-frame{aspect-ratio:16/9;width:clamp(104px,13vw,168px);height:auto}.viewer-overview-frame small{max-width:clamp(104px,13vw,168px);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.viewer-export-backdrop{z-index:60;background:#181c184d;place-items:center;display:grid;position:fixed;inset:0}.viewer-export-dialog{border:1px solid var(--rule-dark);background:#f8faf7;border-radius:6px;grid-template-rows:44px minmax(0,1fr) 44px;width:min(720px,100vw - 32px);max-height:min(640px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 16px 40px #181c1847}.viewer-export-dialog>header,.viewer-export-dialog>footer{align-items:center;gap:8px;padding:0 10px;display:flex}.viewer-export-dialog>header{border-bottom:1px solid var(--rule)}.viewer-export-dialog>header .icon-button{background:0 0;border:0;margin-left:auto}.viewer-export-dialog>footer{border-top:1px solid var(--rule);justify-content:flex-end}.viewer-export-status{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:10px;overflow:hidden}.viewer-export-body{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-content:start;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.viewer-export-group{border:1px solid var(--rule);background:var(--paper);min-width:0;margin:0;padding:8px 10px}.viewer-export-group legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:0 4px;font-size:9px;font-weight:750}.viewer-export-group .segmented{margin:4px 0}.viewer-export-field{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:6px;margin:3px 0;font-size:11px;display:grid}.viewer-export-field select,.viewer-export-field input{border:1px solid var(--rule-dark);min-width:0;height:26px;font:inherit;background:#fff;padding:0 6px;font-size:11px}.viewer-export-check{align-items:center;gap:6px;min-height:24px;font-size:11px;display:flex}.viewer-export-check input{width:13px;height:13px;margin:0}.text-button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.viewer-print{align-items:center;gap:5px;display:inline-flex}.viewer-print svg{width:13px;height:13px}.viewer-comments{border-left:1px solid var(--rule-dark);background:var(--paper);flex-direction:column;flex:none;width:280px;display:flex}.viewer-comments header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.viewer-comments header button{width:22px;height:22px;color:var(--muted);background:0 0;border:none;padding:0;font-size:14px}.viewer-comments-thread{flex:1;padding:8px 10px;overflow-y:auto}.viewer-comments-empty{color:var(--faint);font-size:11px}.viewer-comment{margin-bottom:10px}.viewer-comment-resolved{opacity:.55}.viewer-comment-meta{align-items:baseline;gap:6px;display:flex}.viewer-comment-meta time{color:var(--faint);font-size:9px}.viewer-comment p{white-space:pre-wrap;margin:2px 0 0;font-size:11px}.viewer-guest{border:1px solid var(--rule-dark);color:var(--muted);text-transform:uppercase;border-radius:3px;padding:0 4px;font-size:9px}.viewer-comment-form{border-top:1px solid var(--rule);gap:6px;padding:8px 10px;display:grid}.viewer-comment-form input,.viewer-comment-form textarea{border:1px solid var(--rule-dark);font:inherit;resize:vertical;padding:6px 8px;font-size:11px}@media print{body{background:#fff}.viewer-header,.viewer-toolbar,.viewer-comments,.viewer-print{display:none!important}.viewer-main{overflow:visible}.viewer-shotlist thead th{position:static}.viewer-scene-row,.viewer-card,.viewer-overview-band{break-inside:avoid}}