.editor-page{background:var(--surface-base);height:100vh;display:flex;overflow:hidden}.sidebar-back-btn.btn-secondary{cursor:pointer;gap:5px;width:fit-content;padding:6px 12px;font-size:.75rem;text-decoration:none}.sidebar{border-right:1px solid var(--border-subtle);width:280px;min-width:280px;height:100vh;transition:width var(--duration-normal) var(--ease-spring), min-width var(--duration-normal) var(--ease-spring);background:#040404eb;flex-direction:column;display:flex;overflow:hidden}html.light .sidebar{background:#f8f8f8f5}.sidebar.collapsed{border-right:none;width:0;min-width:0}.sidebar-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;display:flex}.sidebar-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;display:flex}.sidebar-logo{color:#00aeef;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-title{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.sidebar-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--surface-glass-hover);color:var(--text-secondary)}.sidebar-back-btn{color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;margin:8px 16px 4px!important}html.light .sidebar-back-btn{background:#0000000a;border-color:#00000014}.sidebar-back-btn svg{color:#00aeef}.sidebar-back-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.sidebar-back-btn:active{background:#ffffff0d;transform:translateY(0)}.sidebar-script-info{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-disabled);margin-bottom:2px;font-size:.5625rem;font-weight:600}.sidebar-script-name-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.sidebar-script-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8125rem;font-weight:700;overflow:hidden}.sidebar-script-stats{color:var(--text-tertiary);margin-top:12px;font-size:.55rem;font-weight:600}.sidebar-zoom-controls{background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-smooth);align-items:center;gap:2px;padding:4px 6px;display:flex}.sidebar-zoom-controls:hover{background:var(--surface-glass-hover);border-color:var(--border-strong)}.sidebar-zoom-controls .zoom-btn{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-zoom-controls .zoom-btn:hover{color:var(--text-primary);background:#0000000d}html.dark .sidebar-zoom-controls .zoom-btn:hover{background:#ffffff1a}.sidebar-zoom-controls .zoom-input{font-size:.6rem;font-weight:700;font-family:var(--font-sans);color:var(--text-primary);text-align:center;background:0 0;border:none;border-radius:4px;outline:none;width:32px;padding:0;transition:background .2s}.sidebar-zoom-controls .zoom-input:focus{background:#0000000d}html.dark .sidebar-zoom-controls .zoom-input:focus{background:#ffffff1a}.sidebar-script-stats{color:var(--text-tertiary);font-size:.6875rem;font-weight:500}.sidebar-search-wrap{color:var(--text-tertiary);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.sidebar-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:11px}.sidebar-tab-stats{color:var(--text-disabled);letter-spacing:.02em;opacity:.7;gap:8px;padding:4px 16px 8px;font-size:10px;font-weight:500;display:flex}.sidebar-search-count{color:var(--text-tertiary);letter-spacing:.05em;background:#ffffff0d;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-scroll-list{scrollbar-width:thin;scrollbar-color:#78787880 transparent;flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.sidebar-scene-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);font-size:.6875rem;font-weight:500;line-height:1.4;display:flex}.sidebar-scene-item:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.sidebar-scene-item.active{color:#0a84ff;background:#0a84ff1a}.scene-number{color:#0a84ff;background:#0a84ff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5625rem;font-weight:700;display:flex}.scene-text{text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-char-item{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;cursor:default;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:8px 12px;font-size:.6875rem;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.sidebar-char-item:hover:not(.expanded){color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:translate(4px)}.sidebar-char-item.expanded{background:#ffffff0a;border-color:#ffffff26;padding:12px}.sidebar-char-item-row{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-char-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-char-actions{flex-shrink:0;gap:4px;display:flex}.sidebar-char-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-char-action-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.sidebar-char-action-btn.view:not(.active):hover{color:#30d158;background:#30d15814;border-color:#30d15833}.sidebar-char-action-btn.edit:not(.active):hover{color:#ff9f0a;background:#ff9f0a14;border-color:#ff9f0a33}.sidebar-char-action-btn.beatboard:not(.active):not(.highlight):hover{color:#bf5af2;background:#af52de14;border-color:#af52de33}.sidebar-char-action-btn.view.active{color:#30d158;background:#30d15826;border-color:#30d1584d}.sidebar-char-action-btn.view.active:hover{color:#35e260;background:#30d15838;border-color:#30d15866}.sidebar-char-action-btn.edit.active{color:#ff9f0a;background:#ff9f0a26;border-color:#ff9f0a4d}.sidebar-char-action-btn.edit.active:hover{color:#ffb033;background:#ff9f0a38;border-color:#ff9f0a66}.sidebar-char-action-btn.beatboard.active,.sidebar-char-action-btn.beatboard.highlight{color:#bf5af2;background:#af52de26;border-color:#af52de33}.sidebar-char-action-btn.beatboard.active:hover,.sidebar-char-action-btn.beatboard.highlight:hover{color:#d38dff;background:#af52de38;border-color:#af52de66}html.light .sidebar-char-action-btn{background:0 0;border-color:#0000}html.light .sidebar-char-action-btn:hover{background:#0000000f;border-color:#0000001a}html.light .sidebar-char-item{color:var(--text-secondary);background:#00000008;border-color:#00000014}html.light .sidebar-char-item:hover:not(.expanded){color:var(--text-primary);background:#0000000f;border-color:#00000026}.sidebar-empty-hint{padding:var(--space-1) var(--space-2);color:var(--text-disabled);font-size:.625rem;font-style:italic}.sidebar-snippet-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex;position:relative}html.light .sidebar-snippet-item{background:#00000005;border:1px solid #00000014}.sidebar-snippet-item.dragging{background:#0a84ff0d;border-color:#0a84ff80}.snippet-drag-handle{cursor:grab;opacity:.5;align-items:center;margin-top:2px;padding:2px;transition:opacity .2s;display:flex}.snippet-drag-handle:hover,.sidebar-snippet-item:hover .snippet-drag-handle{opacity:1}.snippet-textarea{color:var(--text-primary);font-size:.75rem;font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:48px;padding:0;line-height:1.4}.snippet-textarea::placeholder{color:var(--text-disabled)}.snippet-delete-btn{color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;padding:2px;transition:opacity .2s,color .2s;display:flex}.sidebar-snippet-item:hover .snippet-delete-btn{opacity:.5}.snippet-delete-btn:hover{color:#ff453a;opacity:1!important}.editor-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-flex-wrapper{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-main-canvas-scroller.virtualized-container,.draft-compare-pane-scroller.virtualized-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-main-canvas-scroller{min-height:0;position:relative;overflow:auto}.draft-compare-pane-scroller{border-left:1px solid var(--border-subtle);background:var(--surface-base);min-height:0;position:relative;overflow:auto}.resizer-divider{cursor:col-resize;background:var(--border-subtle);z-index:10;width:1px;transition:all .2s;position:relative}.resizer-divider:hover,.resizer-divider:active{background:#0bf;width:2px}.resizer-divider:after{content:"";position:absolute;inset:0 -6px}.editor-top-bar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);z-index:50;background:#00000040;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;display:flex}.editor-top-left{align-items:center;gap:var(--space-3);display:flex}.editor-expand-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.editor-expand-btn:hover{background:var(--surface-glass-hover);color:var(--text-secondary)}.editor-title-input{color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:border-color var(--duration-fast);background:0 0;border:1px solid #0000;min-width:180px;font-size:.9375rem;font-weight:600}.editor-title-input:focus{border-color:var(--border-default);outline:none}.editor-top-center{align-items:center;display:flex}.format-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;transition:all var(--duration-fast) var(--ease-smooth);font-size:.6875rem;font-weight:600}.format-btn:hover{background:var(--surface-glass-hover);color:var(--text-secondary)}.format-btn.active{background:var(--surface-glass);color:var(--text-primary);border:1px solid var(--border-subtle)}.editor-top-right{align-items:center;gap:2px;display:flex}.toolbar-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.toolbar-btn:hover{background:var(--surface-glass-hover);color:var(--text-secondary)}.toolbar-btn.active{background:var(--surface-glass-hover);color:#0a84ff}.toolbar-btn.download-btn.active{color:#30d158;background:#30d1581f}.toolbar-btn.index-cards-btn.active{color:#f66;background:#da70701f}.toolbar-btn.visualizer-btn.active{color:#0bf;background:#00bbff1f}.toolbar-btn.video-pipeline-btn.active{color:#00aeef;background:#00aeef1f}.toolbar-btn.beat-board-btn.active{color:#ff9f0a;background:#ff9f0a1f}.toolbar-btn.ai-assistant-btn.active{color:#bf5af2;background:#bf5af21f}.toolbar-btn.lock-toggle-btn.locked{color:var(--current-color,#fc0)}.toolbar-btn.lock-toggle-btn.locked.active,.toolbar-btn.lock-toggle-btn.locked:hover{background:var(--current-bg,#ffcc001f);color:var(--current-color,#fc0)}.toolbar-btn.lock-toggle-btn.unlocked{color:var(--text-tertiary)}.toolbar-btn.lock-toggle-btn.unlocked:hover,.toolbar-btn.lock-toggle-btn.unlocked.active{color:var(--text-secondary);background:#ffffff14}html.light .toolbar-btn.lock-toggle-btn.unlocked:hover,html.light .toolbar-btn.lock-toggle-btn.unlocked.active{color:var(--text-secondary);background:#0000000d}.save-indicator{color:var(--text-tertiary);padding:0 var(--space-2);align-items:center;gap:4px;font-size:.625rem;font-weight:500;display:flex}.save-dot{background:#30d158;border-radius:50%;width:5px;height:5px}.save-dot.unsaved{background:#ff9500}.view-mode-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:1px;padding:2px;display:flex}.view-mode-btn{width:24px;height:24px;color:var(--text-disabled);transition:all var(--duration-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.view-mode-btn:hover{color:var(--text-tertiary)}.view-mode-btn.active{color:var(--text-primary);background:#ffffff1a}.writing-canvas{padding:0 var(--space-6);will-change:transform;isolation:isolate;justify-content:center;align-items:flex-start;width:100%;min-width:max-content;min-height:min-content;display:flex;scroll-behavior:auto!important}[data-virtuoso-scroller]{scroll-behavior:auto!important;overflow-anchor:none!important}.screenplay-paper{width:816px;min-width:816px;max-width:816px;min-height:900px;margin-bottom:var(--space-16);border:1px solid var(--border-default);isolation:isolate;background:#0009;border-radius:0;position:relative}.paper-page-number{font-family:var(--font-mono);color:var(--text-disabled);pointer-events:none;font-size:.875rem;font-weight:400;position:absolute;top:48px;right:96px}.editor-page .screenplay-content{contain:content;flex-direction:column;gap:0;padding:96px 96px 96px 144px;display:flex}.screenplay-content.virtualized{padding:0 96px 0 144px;display:block}.screenplay-virtual-item{padding:0}.screenplay-content.virtualized .screenplay-virtual-item[data-index="0"] .screenplay-line,.screenplay-content:not(.virtualized)>.diff-container:first-child .screenplay-line,.screenplay-content:not(.virtualized)>:first-child .screenplay-line{padding-top:0!important}.view-zen-paper{-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.view-zen-paper .paper-page-number,.view-zen-paper .page-break-marker{display:none!important}.view-page{padding:0;background-color:var(--surface-base)!important}.view-page .screenplay-paper,.view-page .screenplay-content{contain:none!important;border-top:none!important;overflow:visible!important}.page-break-marker{pointer-events:none;z-index:5;justify-content:center;align-items:center;width:100%;height:224px;margin:0;display:flex;position:relative}.page-break-line{background:repeating-linear-gradient(90deg,#ffffff14 0 6px,#0000 6px 12px);width:100%;height:1px;position:absolute;top:112px}.view-page .page-break-marker{z-index:10;pointer-events:none;background:0 0!important;border:none!important;width:100%!important;height:224px!important;margin:0!important;position:relative!important}.view-page .page-break-marker:before{content:"";background-color:var(--surface-base);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);z-index:20;border-left:none;border-right:none;height:32px;position:absolute;top:96px;left:-146px;right:-98px}html.light .view-page .page-break-marker:before{border-top:1px solid #00000014;border-bottom:1px solid #00000014;left:-160px;right:-112px;background-color:var(--surface-base)!important}.view-page .page-break-line{display:none!important}.view-page .paper-page-number.break-number{z-index:20;position:absolute;display:block!important;top:176px!important;right:0!important}.page-visualizer-btn{color:#0bf;-webkit-backdrop-filter:blur(16px);cursor:pointer;z-index:30;pointer-events:auto;opacity:.4;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:184px;right:-2px}.page-visualizer-btn:hover{opacity:1;filter:drop-shadow(0 0 8px #0bf6);background:#00bbff14;transform:translateY(-1px)scale(1.1)}.page-visualizer-btn svg{width:14px;height:14px}.page-1-sparkle{top:70px!important;right:93px!important}.zen-visualizer-btn{z-index:20;position:absolute;top:16px;right:48px}.view-zen .page-break-line{display:none}.view-zen .paper-page-number{color:#ffffff1f}.view-zen .page-break-marker{height:0;overflow:hidden}.editor-page .screenplay-line{width:100%;font-family:var(--font-mono);font-size:var(--editor-font-size,14px);color:var(--text-primary);resize:none;field-sizing:content;min-height:1.2em;transition:background var(--duration-fast);contain:style;background:0 0;border:none;border-radius:0;outline:none;padding:0;line-height:1.25;display:block;overflow:hidden}.screenplay-line-row{align-items:flex-start;width:100%;display:flex;position:relative}.screenplay-line-row .screenplay-line{flex:1;min-width:0}.scene-number-gutter{width:42px;font-family:var(--font-mono);color:#ffffff59;-webkit-user-select:none;user-select:none;z-index:5;pointer-events:none;font-size:.8rem;font-weight:700;position:absolute;top:0}.scene-number-gutter.element-scene-heading{top:2.5rem}.scene-number-gutter.left{text-align:right;padding-right:12px;left:-96px}.scene-number-empty{display:none}.revision-mark{width:16px;min-width:16px;font-family:var(--font-mono);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;height:1.25rem;margin-left:auto;font-size:1rem;font-weight:900;display:inline-flex;transform:translateY(1px);box-sizing:content-box!important}.revision-mark.mark-scene-heading{padding-top:2.5rem}.revision-mark.mark-action,.revision-mark.mark-character{padding-top:1.25rem}.revision-mark.mark-transition,.revision-mark.mark-shot{padding-top:2.5rem}.revision-mark.mark-text{margin-top:1.25rem}.revision-mark.mark-parenthetical{height:1.1rem}.revision-mark.mark-dialogue{padding-top:0}.editor-page .screenplay-content>:first-child .revision-mark{margin-top:0!important;padding-top:0!important}.toolbar-btn-active{color:#ff9f0a!important;opacity:1!important}.revision-btn{white-space:nowrap;align-items:center;display:flex}.revision-dot{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:8px;height:8px}html.light .scene-number-gutter{color:#0003}.editor-page .screenplay-line:focus{background:#ffffff05}.editor-page .line-scene-heading{color:var(--accent-light);text-transform:uppercase;letter-spacing:.03em;margin-bottom:0;padding-top:2.5rem;font-weight:700}.editor-page .screenplay-content>:first-child{padding-top:0!important}.editor-page .line-action{color:var(--text-secondary);padding-top:1.25rem;font-weight:400;line-height:1.25}.editor-page .line-character{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding-top:1.25rem;padding-left:211px;font-weight:700}.editor-page .line-dialogue{color:var(--text-primary);text-align:left;max-width:432px;padding-top:0;padding-left:96px;font-weight:400;line-height:1.25}.editor-page .line-parenthetical{color:var(--text-tertiary);text-align:left;max-width:384px;padding-top:0;padding-left:144px;font-style:italic;font-weight:400;line-height:1.1}.editor-page .line-transition{color:var(--text-tertiary);text-align:right;text-transform:uppercase;letter-spacing:.04em;padding-top:2.5rem;font-weight:600}.editor-page .line-shot{text-transform:uppercase;color:var(--text-secondary);padding-top:2.5rem;font-weight:700}.editor-page .line-text{color:var(--text-secondary);padding-top:1.25rem}.editor-page .line-note{color:#dda23c;opacity:.85;transition:opacity var(--duration-fast);border-left:2px solid #b8852e;padding-top:.5rem;padding-bottom:.25rem;padding-left:12px;font-style:italic;font-weight:400}.editor-page .line-note:focus{opacity:1}.editor-page .line-note::placeholder{color:#8f713d;font-style:italic}html.light .editor-page .line-note{color:#9b6127;border-left-color:#bf8040}html.light .editor-page .line-note::placeholder{color:#b8997a}.sidebar-notes-toggle{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.sidebar-notes-toggle:hover{opacity:1;background:#ffffff0f}.sidebar-notes-toggle.active{opacity:.85;color:#dda23c}html.light .sidebar-notes-toggle:hover{background:#0000000a}.scene-note-dot{color:#dda23c;opacity:.7;flex-shrink:0;margin-left:auto;font-size:8px;line-height:1}.scene-notes-preview{flex-direction:column;gap:2px;padding:2px 8px 6px 28px;display:flex}.scene-note-preview-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:6px;padding:3px 8px;transition:background .12s;display:flex}.scene-note-preview-item:hover{background:#ffb43214}html.light .scene-note-preview-item:hover{background:#b478140f}.scene-note-preview-icon{color:#cc9433;opacity:.6;flex-shrink:0;margin-top:2px}.scene-note-preview-text{color:#c69c53;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6875rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}html.light .scene-note-preview-text{color:#946638}.element-picker-overlay{z-index:1000;position:fixed;inset:0}.element-picker{width:220px;padding:var(--space-2);animation:pickerSlideIn .18s var(--ease-spring);z-index:1001;will-change:transform;background:#1c1c1e;border:1px solid #ffffff1f;border-radius:16px;position:fixed;transform:translateZ(0)}html.light .element-picker{background:#fff;border-color:#00000017}@keyframes pickerSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.element-picker-header{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:var(--space-1) var(--space-3) var(--space-2);font-size:.5625rem;font-weight:600}.element-picker-item{align-items:center;gap:var(--space-3);width:100%;padding:7px var(--space-3);color:var(--text-secondary);cursor:pointer;border-radius:10px;font-size:.8125rem;font-weight:500;transition:all 60ms;display:flex}.element-picker-item:hover,.element-picker-item.highlighted{color:#0a84ff;background:#0a84ff26}html.dark .element-picker-item:hover,html.dark .element-picker-item.highlighted{color:#fff}.element-picker-number{background:var(--surface-glass);border:1px solid var(--border-default);width:18px;height:18px;font-size:.625rem;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:5px;justify-content:center;align-items:center;font-weight:600;display:flex}.element-picker-item:hover .element-picker-number,.element-picker-item.highlighted .element-picker-number{color:#fff;background:#0a84ff;border-color:#0a84ff}.element-picker-label{text-align:left;flex:1}.smarttype-dropdown{z-index:1002;min-width:200px;max-width:320px;max-height:260px;animation:pickerSlideIn .14s var(--ease-spring);background:#1c1c1e;border:1px solid #ffffff1f;border-radius:12px;padding:4px;position:fixed;overflow-y:auto}.smarttype-header{text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);padding:4px 10px 2px;font-size:.5rem;font-weight:700}.smarttype-item{text-align:left;width:100%;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;letter-spacing:.02em;border-radius:8px;padding:6px 10px;font-size:.8125rem;font-weight:500;transition:all 60ms;display:block}.smarttype-item:hover,.smarttype-item.highlighted{color:#0a84ff;background:#0a84ff26}html.dark .smarttype-item:hover,html.dark .smarttype-item.highlighted{color:#fff}.format-dropdown{width:190px;padding:var(--space-2);z-index:100;animation:pickerSlideIn .15s var(--ease-spring);background:#1c1c1e;border:1px solid #ffffff1f;border-radius:16px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.format-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:7px var(--space-3);color:var(--text-secondary);cursor:pointer;border-radius:10px;font-size:.8125rem;font-weight:500;transition:all 60ms;display:flex}.format-dropdown-item:hover{color:#0a84ff;background:#0a84ff26}html.dark .format-dropdown-item:hover{color:#fff}.format-dropdown-number{background:var(--surface-glass);border:1px solid var(--border-default);width:18px;height:18px;font-size:.625rem;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:5px;justify-content:center;align-items:center;font-weight:600;display:flex}.format-dropdown-item:hover .format-dropdown-number{color:#fff;background:#0a84ff;border-color:#0a84ff}.format-dropdown-label{text-align:left;flex:1}.export-dropdown{z-index:100;width:190px;animation:pickerSlideIn .15s var(--ease-spring);background:#1c1c1e;border:1px solid #ffffff1f;border-radius:12px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}html.light .export-dropdown{background:#fff;border-color:#00000017}.export-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:all 60ms;display:flex}.export-dropdown-item:hover{color:#00aeef;background:#00aeef26}html.light .export-dropdown-item:hover{color:#008ac7;background:#00aeef1a}.lock-dropdown-reset-btn{color:var(--error,#ff453a)!important}.lock-dropdown-reset-btn:hover{color:#ff453a!important;background:#ff453a26!important}html.light .lock-dropdown-reset-btn:hover{color:#ff3b30!important;background:#ff3b301a!important}.lock-dropdown{width:230px}.revision-dot-inline{border:1px solid #00000026;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.lock-dropdown-divider{background:#ffffff14;height:1px;margin:2px 8px}html.light .lock-dropdown-divider{background:#0000000f}.lock-dropdown-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:6px 12px 2px;font-size:.5625rem;font-weight:700}.lock-dropdown-colors{max-height:260px;padding:2px 4px 4px;overflow-y:auto}.lock-dropdown-color-row{color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:.75rem;font-weight:500;transition:all 60ms;display:flex}.lock-dropdown-color-row.current{background:var(--current-bg,#0a84ff1f);color:var(--current-color,#0a84ff);font-weight:700}.lock-dropdown-color-row.past{color:var(--text-tertiary);opacity:.7}.lock-dropdown-color-row.next{cursor:pointer;color:var(--text-secondary)}.lock-dropdown-color-row.next:hover{background:var(--next-bg,#34c7591f);color:var(--next-color,#34c759)}.lock-dropdown-color-row.future{opacity:.3}.lock-dropdown-color-num{width:16px;min-width:16px;color:var(--text-disabled);text-align:center;font-size:.5625rem;font-weight:700;font-family:var(--font-mono)}.lock-dropdown-color-row.current .lock-dropdown-color-num{color:var(--current-color,#0a84ff)}.lock-dropdown-color-name{flex:1}.lock-dropdown-current-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--current-color,#0a84ff);background:var(--current-bg,#0a84ff1f);border-radius:4px;padding:1px 5px;font-size:.5rem;font-weight:800}.lock-dropdown-next-badge{color:#34c759;opacity:.8;font-size:.5rem;font-weight:700}.lock-dropdown-rev-date{opacity:.5;font-size:.5625rem;font-family:var(--font-mono);margin-left:auto}html.light .lock-dropdown-color-row.current{background:var(--current-bg,#0a84ff14)}html.light .lock-dropdown-color-row.next:hover{background:var(--next-bg,#34c75914);color:var(--next-color,#34c759)}.ai-panel{border-left:1px solid var(--border-subtle);width:320px;min-width:320px;height:100vh;transition:width var(--duration-normal) var(--ease-spring), min-width var(--duration-normal) var(--ease-spring);background:#00000073;flex-direction:column;display:flex;overflow:hidden}.ai-panel.collapsed{border-left:none;width:0;min-width:0}.ai-panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:48px;display:flex}.ai-panel-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:.8125rem;font-weight:600;display:flex}.ai-panel-title svg{color:#bf5af2}.ai-panel-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.ai-panel-close:hover{background:var(--surface-glass-hover);color:var(--text-secondary)}.ai-panel-body{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-suggestion-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:#ffffff08}.ai-suggestion-card:hover{border-color:var(--border-default);background:var(--surface-glass-hover)}.sidebar-script-stats{color:var(--text-tertiary);padding:0 var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-2);white-space:nowrap;align-items:center;gap:4px;font-size:.7rem;display:flex}.scene-count-toggle{font-size:inherit;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-family:inherit;transition:all .2s}.scene-count-toggle:hover{background:var(--surface-glass);color:var(--text-secondary);opacity:1}.scene-count-toggle.active{color:#fff;opacity:1}html.light .scene-count-toggle.active{color:#000}.ai-suggestion-label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-size:.625rem;font-weight:600;display:flex}.ai-suggestion-label.improve{color:#0a84ff}.ai-suggestion-label.generate{color:#bf5af2}.ai-suggestion-label.fix{color:#ff9500}.ai-suggestion-text{color:var(--text-tertiary);font-size:.75rem;line-height:1.4}.ai-panel-input{padding:var(--space-3);border-top:1px solid var(--border-subtle)}.ai-input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;display:flex}.ai-input-wrapper:focus-within{border-color:#bf5af2}.ai-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.75rem}.ai-input-wrapper input::placeholder{color:#ffffff40}.ai-send-btn{border-radius:var(--radius-sm);color:#bf5af2;width:24px;height:24px;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.ai-send-btn:hover{background:#bf5af21f}.page-count{color:var(--text-disabled);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);text-align:center;flex-shrink:0;font-size:.6875rem;font-weight:500}@media (width<=1024px){.sidebar{border-right:none;width:0;min-width:0}.ai-panel{border-left:none;width:0;min-width:0}}@media (width<=768px){.paper-page-number{right:var(--space-4);top:var(--space-4)}.editor-top-center,.view-mode-toggle{display:none}}.glass-morphism{-webkit-backdrop-filter:blur(20px)saturate(1.8)!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important}html.light .glass-morphism{background:#ffffffb3!important;border-color:#00000014!important}.liquid-glass{-webkit-backdrop-filter:blur(40px)saturate(2.5)!important;background:#191919b3!important;border:1px solid #ffffff1f!important}.sidebar-search-wrap{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:border-color var(--duration-fast);align-items:center;gap:6px;margin:4px 6px 6px;padding:5px 8px;display:flex}.sidebar-search-wrap:focus-within{border-color:var(--border-default);color:var(--text-secondary)}.sidebar-search-input{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.6875rem}.sidebar-search-input::placeholder{color:var(--text-disabled)}.sidebar-scroll-list{max-height:200px;overflow:hidden auto}.sidebar-tab-pane>.sidebar-scroll-list{flex:1;max-height:none}.editor-title-display{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast);padding:4px 6px;display:inline-flex}.editor-title-display:hover{background:var(--surface-glass-hover)}.editor-title-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.9375rem;font-weight:600;overflow:hidden}.title-edit-btn{width:22px;height:22px;color:var(--text-tertiary);background:var(--surface-glass);border:1px solid var(--border-subtle);opacity:0;transition:opacity var(--duration-fast), color var(--duration-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.editor-title-display:hover .title-edit-btn{opacity:1}.title-edit-btn:hover{color:var(--text-primary);background:var(--surface-glass-hover)}.editor-title-edit{align-items:center;gap:4px;display:flex}.editor-title-input.editing{color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:180px;transition:border-color var(--duration-fast);outline:none;padding:4px 8px;font-size:.9375rem;font-weight:600}.editor-title-input.editing:focus{border-color:#0a84ff80}.title-confirm-btn{color:#0a84ff;width:26px;height:26px;transition:all var(--duration-fast);background:#0a84ff26;border:1px solid #0a84ff40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.title-confirm-btn:hover{background:#0a84ff40}.editor-title-input:not(.editing){display:none}html.light .sidebar{background:#f5f5f7bf;border-right-color:#00000014}html.light .editor-top-bar{background:#ffffffb3;border-bottom-color:#00000014}html.light .editor-page .screenplay-paper{background:#fff;border:1px solid #0000000f}html.light .editor-page .screenplay-line{color:#1d1d1f;caret-color:#1d1d1f}html.light .editor-page .screenplay-line::placeholder{color:#00000038}html.light .editor-page .line-scene-heading{color:#000}html.light .editor-page .line-transition{color:#1d1d1f}html.light .paper-page-number{color:#00000040}html.light .page-break-line{background:#00000014}html.light .smarttype-dropdown{background:#fafafaeb;border-color:#00000017}html.light .smarttype-header{color:#0000004d}html.light .smarttype-item{color:#000000a6}html.light .smarttype-item:hover,html.light .smarttype-item.highlighted{color:#007aff;background:#0a84ff1a}html.light .format-dropdown{background:#fafafae6;border-color:#00000017}html.light .format-dropdown-item{color:#0009}html.light .format-dropdown-item:hover{color:#1d1d1f;background:#0a84ff1a}html.light .ai-panel{background:#f5f5f7d9;border-left-color:#00000012}html.light .ai-panel-header{border-bottom-color:#00000012}html.light .ai-panel-input{border-top-color:#00000012}html.light .ai-input-wrapper input{color:#1d1d1f}html.light .ai-input-wrapper input::placeholder{color:#0000004d}html.light .ai-suggestion-text{color:#00000080}html.light .view-mode-btn{color:#0006}html.light .view-mode-btn:hover{color:#000000a6;background:#0000000f}html.light .view-mode-btn.active{color:#1d1d1f;background:#00000014}html.light .sidebar-search-wrap{background:#ffffffa6;border-color:#00000017}html.light .sidebar-search-input{color:#1d1d1f}html.light .page-count{color:#00000059;background:#f5f5f7b3;border-top-color:#00000012}html.light .editor-main-canvas-scroller,html.light .draft-compare-pane-scroller{background:#ebebf080}html.light .writing-canvas{background:0 0}.screenplay-line.line-selected{background:#0a84ff26!important}html.light .screenplay-line.line-selected{background:#0a84ff33!important}.screenplay-content{cursor:text}.screenplay-line::placeholder{font-weight:400;color:#78788059!important}html.light .screenplay-line::placeholder{color:#3c3c434d!important}.sidebar-tabs{border-bottom:1px solid var(--border-subtle);background:0 0;gap:2px;height:auto;padding:6px 4px;display:flex}.sidebar-tab{color:var(--text-tertiary);transition:all .2s var(--ease-spring);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:9.5px;font-weight:500;display:flex;position:relative}.sidebar-tab:hover{color:var(--text-secondary);background:var(--surface-hover)}.sidebar-tab.active{color:var(--text-primary);background:var(--surface-glass);border-color:var(--border-default)}html.dark .sidebar-tab.active{background:#ffffff14;border-color:#ffffff1a}html.light .sidebar-tab.active{background:#0000000d;border-color:#0000001a}.sidebar-tab svg{opacity:.6}.sidebar-tab.active svg{opacity:1;color:var(--accent-light)}.sidebar-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-tab-pane{flex-direction:column;flex:1;min-height:0;animation:.2s ease-out fadeIn;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-media-actions{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:8px;padding:16px;display:flex}.sidebar-action-btn.glass{width:100%;height:36px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-action-btn.glass:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}html.light .sidebar-media-actions{border-bottom-color:#0000000f}html.light .sidebar-action-btn.glass{color:var(--text-secondary);background:#00000008;border-color:#00000014}html.light .sidebar-action-btn.glass:hover{color:var(--text-primary);background:#0000000f;border-color:#00000026}.media-gallery-masonry{column-count:2;column-gap:14px;width:100%;padding:16px!important}.sidebar-media-item{break-inside:avoid-column;-webkit-column-break-inside:avoid;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-block!important}.sidebar-media-item:hover{border-color:#ffffff80;transform:scale(1.02)}html.light .sidebar-media-item{background:#00000005;border-color:#00000014}html.light .sidebar-media-item:hover{border-color:#0006}.sidebar-media-item img{width:100%;display:block;height:auto!important}.media-video-badge{-webkit-backdrop-filter:blur(12px)saturate(1.8);color:#fffffff2;z-index:5;background:#00000073;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:6px;left:6px}.sidebar-media-item:hover .media-video-badge{color:#fff;background:#ffffff38;border-color:#fff6;transform:scale(1.1)}html.light .media-video-badge{color:#000000b3;background:#ffffffa6;border-color:#0000001a}html.light .sidebar-media-item:hover .media-video-badge{color:#000;background:#ffffffe6;border-color:#0003}.asset-delete-btn{-webkit-backdrop-filter:blur(8px);color:#fffc;opacity:0;cursor:pointer;z-index:10;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:6px;right:6px;transform:scale(.8)}.sidebar-media-item:hover .asset-delete-btn{opacity:1;transform:scale(1)}.asset-delete-btn:hover{border-color:#ffffff4d;color:#fff!important;background:#ff453ae6!important;transform:scale(1.1)!important}.media-element-row{align-items:flex-start;gap:16px;width:100%;margin:1rem 0;display:flex;position:relative}.media-element-row.line-selected{background:#0a84ff0d;border-radius:8px}.media-element{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex-shrink:0;line-height:0;transition:border-color .2s;position:relative;overflow:hidden}.media-text-content{color:var(--text-primary);font-family:Courier Prime,Courier,monospace;font-size:var(--font-size);line-height:var(--line-height);resize:none;field-sizing:content;background:0 0;border:none;outline:none;flex:1;min-width:100px;height:auto;padding:4px;overflow:hidden}.media-text-content::placeholder{color:#fff3}.media-element.line-selected{border-color:#0a84ff}.media-element:hover{border-color:#ffffff40}.media-element:focus{border-color:#0a84ff;outline:none}.media-element:focus:before{content:"";background-color:var(--accent-light);z-index:10;border-radius:0 4px 4px 0;width:4px;height:80%;animation:1.2s step-end infinite cursorBlink;position:absolute;top:10%;left:0}@keyframes cursorBlink{50%{opacity:0}}.image-element img{width:100%;height:auto;display:block}.video-element{aspect-ratio:16/9;width:100%}.video-element iframe{pointer-events:auto;width:100%;height:100%}.media-element[data-resizing=true] .video-element iframe{pointer-events:none}.media-delete-btn{-webkit-backdrop-filter:blur(12px);color:#fff;opacity:0;z-index:20;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-4px)scale(.9)}.media-element:hover .media-delete-btn,.media-element.line-selected .media-delete-btn{opacity:1;transform:translateY(0)scale(1)}.media-delete-btn:hover{background:#ff3b30e6;border-color:#ffffff4d}.media-resize-handle{cursor:nwse-resize;opacity:0;z-index:30;background:linear-gradient(135deg,#0000 50%,#0a84ff4d 50%,#0a84ffcc 100%);border-bottom-right-radius:12px;width:24px;height:24px;transition:opacity .2s;position:absolute;bottom:0;right:0}.media-element:hover .media-resize-handle,.media-element.line-selected .media-resize-handle{opacity:1}.sidebar-youtube-form{flex-direction:column;gap:6px;width:100%;display:flex}.sidebar-youtube-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px;font-size:11px}.sidebar-youtube-input:focus{border-color:var(--accent-light)}.sidebar-youtube-buttons{gap:6px;display:flex}.sidebar-youtube-buttons button{cursor:pointer;border:none;border-radius:6px;flex:1;height:28px;font-size:11px}.btn-save{background:var(--accent);color:var(--surface-base);font-weight:600;transition:opacity .2s}.btn-save:hover{opacity:.9}.btn-cancel{color:var(--text-secondary);background:#ffffff0d}.btn-cancel:hover{background:#ffffff1a}.editor-main-content{zoom:var(--editor-zoom,1)}.diff-banner{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#32d74b1a;border-bottom:1px solid #32d74b33;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.diff-banner-text{color:#32d74b;font-size:13px;font-weight:600}.diff-actions{gap:8px;display:flex}.diff-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.diff-btn.accept-all{color:#32d74b;background:#32d74b33;border:1px solid #32d74b66}.diff-btn.accept-all:hover{background:#32d74b4d}.diff-btn.reject-all{color:#ff453a;background:#ff453a33;border:1px solid #ff453a66}.diff-btn.reject-all:hover{background:#ff453a4d}.diff-container{flex-direction:column;margin-bottom:2px;transition:all .3s;display:flex;position:relative}.diff-add{background:#32d74b40;border-left:4px solid #32d74b;border-radius:4px}.diff-remove{background:#ff453a40;border-left:4px solid #ff453a;border-radius:4px}.diff-remove textarea{opacity:.5;text-decoration:line-through}.diff-add textarea{font-weight:500;color:#32d74b!important}.diff-row-actions{-webkit-backdrop-filter:blur(20px)saturate(1.8);opacity:0;pointer-events:none;z-index:100;background:#1e1e1ecc;border:1px solid #ffffff1f;border-radius:10px;gap:8px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.diff-modify-group{border-radius:8px;position:relative}.diff-container:hover .diff-row-actions,.diff-modify-group:hover .diff-row-actions{opacity:1;pointer-events:auto;right:20px}.diff-row-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.diff-row-btn:hover{transform:scale(1.1)}.diff-row-btn:active{transform:scale(.95)}.diff-row-btn.accept{background:#32d74b}.diff-row-btn.reject{background:#ff3b30}.media-element{transition:box-shadow .2s;position:relative}.media-element.resizing{cursor:nwse-resize!important}.resize-handle{cursor:nwse-resize;z-index:10;opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:-5px;right:-5px}.resize-handle:after{content:"";border-bottom:2px solid #333;border-right:2px solid #333;width:6px;height:6px}.media-element:hover .resize-handle{opacity:1}.resize-handle:hover{transform:scale(1.3)}.media-element iframe{pointer-events:auto}.resizing iframe{pointer-events:none}.diff-tail-container{margin-top:40px;padding-bottom:80px}.diff-tail-header{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;border-left:2px solid #ffffff1a;margin-bottom:10px;padding-left:10px;font-size:12px}.screenplay-line.diff-text-override{background:0 0!important;border-color:#0000!important;outline:none!important}.glass-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.glass-modal{z-index:10000;color:#fff;background:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:400px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.glass-modal h3{letter-spacing:-.02em;margin:0 0 12px;font-size:1.25rem;font-weight:600}.glass-modal p{color:var(--text-secondary);margin:0 0 16px;font-size:.875rem;line-height:1.5}.glass-modal p strong{color:#ff3b30}.glass-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.glass-modal-actions button{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.glass-modal-cancel{color:#fff;background:0 0;border:1px solid #ffffff26}.glass-modal-cancel:hover{background:#ffffff0d;border-color:#ffffff4d}.glass-modal-confirm.danger{color:#fff;background:#ff3b30;border:none}.glass-modal-confirm.danger:hover{background:#ff453a}html.light .glass-modal-overlay{background:#ffffff80}html.light .glass-modal{color:#000;background:#ffffffd9;border-color:#0000001a}html.light .glass-modal-cancel{color:#000;border-color:#00000026}html.light .glass-modal-cancel:hover{background:#0000000d}@keyframes modalPop{to{transform:translate(-50%,-50%)scale(1)}}.diff-container.revised-line{position:relative;overflow:visible}.diff-container.revised-line:before{content:"";background:var(--line-tint,#ff69b4);opacity:.6;z-index:0;pointer-events:none;border-radius:0;width:4px;position:absolute;top:0;bottom:0;left:-144px}html.light .diff-container.revised-line:before{opacity:.8;width:6px;left:-144px}.draft-mode-banner{-webkit-backdrop-filter:blur(32px)saturate(2);backdrop-filter:blur(32px)saturate(2);z-index:1000;background:#00aeef1f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:20px;width:fit-content;max-width:85%;padding:10px 24px;animation:4s ease-in-out infinite bannerFloat,.5s cubic-bezier(.175,.885,.32,1.275) bannerPop;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes bannerFloat{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-4px)}}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.draft-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.draft-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#fff3;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:800}.draft-name-display{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.draft-actions{border-left:1px solid #ffffff26;align-items:center;gap:8px;padding-left:16px;display:flex}.draft-banner-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.draft-banner-btn.promote{color:#000;background:#fff}.draft-banner-btn.promote:hover{background:#f0f0f0;transform:translateY(-1px)}.draft-banner-btn.secondary{color:#fff;background:#ffffff1a}.draft-banner-btn.secondary:hover{background:#fff3}.draft-banner-btn.exit{color:#fff9}.draft-banner-btn.exit:hover{color:#ff453a;background:#ff453a1a}.diff-container.live-diff-added:after{content:"";background:#30d158;border-radius:4px;width:3px;height:100%;position:absolute;top:0;left:-8px}.diff-container.live-diff-changed:after{content:"";background:#0a84ff;border-radius:4px;width:3px;height:100%;position:absolute;top:0;left:-8px}.draft-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:8px;padding:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.draft-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(2px)}.draft-card.is-editing{background:#00aeef0d;border-color:#00aeef}html.light .draft-card{background:#00000005!important;border-color:#00000014!important}html.light .draft-card:hover{background:#0000000a!important;border-color:#00000026!important}html.light .draft-card.is-editing{background:#00aeef0f!important;border-color:#00aeef!important}.draft-card-header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.draft-delete-btn{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;display:flex}.draft-delete-btn:hover{color:#ff453a!important;background:#ff453a1f!important;border-color:#ff453a40!important}.draft-card-glow{pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);height:40px;position:absolute;top:0;left:0;right:0}.draft-name{color:var(--text-main);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.draft-tag-mini{letter-spacing:.06em;text-transform:uppercase;background:#00bbff14;border:1px solid #00bbff2e;border-radius:4px;flex-shrink:0;align-self:flex-start;align-items:center;margin-top:2px;padding:2px 6px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;color:#0bf!important}html.light .draft-tag-mini{background:#00aeef0f;border-color:#00aeef26;color:#00aeef!important}.draft-card-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.65rem;display:flex}.draft-card-actions{gap:8px;margin-top:12px;display:flex}.draft-btn{cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.65rem;font-weight:600;transition:all .2s;display:flex}.draft-btn:hover{color:#fff;background:#ffffff1a}.draft-btn.open-btn.active{color:#fff;background:#00aeef;border-color:#00aeef}html.light .draft-card .draft-btn{color:var(--text-secondary)!important;background:#0000000d!important;border:1px solid #0000001f!important}html.light .draft-card .draft-btn:hover{color:var(--text-primary)!important;background:#0000001a!important;border-color:#00000040!important}html.light .draft-card .draft-btn.open-btn{color:#008cc0!important;background:#00aeef26!important;border-color:#00aeef4d!important}html.light .draft-card .draft-btn.open-btn:hover{color:#007bb0!important;background:#00aeef40!important}.draft-snapshot-creator{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:12px;padding:16px}html.light .draft-snapshot-creator{background:#00000005!important;border:1px solid #00000014!important}html.light .snapshot-name-input{color:var(--text-primary)!important;background:#00000008!important;border-color:#00000014!important}html.light .snapshot-name-input:focus{background:#0000000d!important;border-color:#00aeef!important}html.light .snapshot-save-btn:disabled{opacity:.6;color:var(--text-disabled)!important;background:#0000000a!important}.sidebar-section-title{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.75rem;font-weight:700}.snapshot-input-group{gap:6px;width:100%;display:flex}.snapshot-name-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:6px;flex:1;min-width:0;padding:6px 10px;font-size:.75rem;transition:all .2s}.snapshot-name-input:focus{background:#0000004d;border-color:#00aeef;outline:none}.snapshot-save-btn{color:#fff;cursor:pointer;background:#00aeef;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.snapshot-save-btn:hover:not(:disabled){background:#008fcc;transform:translateY(-1px)}.snapshot-save-btn:disabled{opacity:.3;cursor:not-allowed}.diff-container{position:relative!important}.diff-container.live-diff-added:after,.diff-container.live-diff-changed:after{z-index:50;pointer-events:none}.draft-btn{color:#fff!important;background:#ffffff1f!important;border:1px solid #fff3!important}.draft-btn:hover{background:#fff3!important;border-color:#fff6!important}.draft-btn.open-btn{color:#fff!important;background:#00aeef33!important;border-color:#00aeef66!important}.draft-btn.open-btn:hover{background:#00aeef4d!important}.active-draft-indicator{color:#00aeef;text-transform:none;margin-left:4px;font-size:.7rem;font-style:italic;font-weight:800}.latest-draft-indicator{color:#30d158;text-transform:none;margin-left:4px;font-size:.7rem;font-style:italic;font-weight:800}.compare-pane-controls{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;border-bottom:1px solid #ffffff1a;justify-content:flex-end;padding:12px;display:flex;position:sticky;top:0}.compare-highlight-toggle{color:var(--text-main);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.compare-highlight-toggle:hover{background:#ffffff26}.compare-highlight-toggle.active{background:#00aeef;border-color:#00c2ff}.draft-card{flex-shrink:0;min-height:fit-content}.glass-modal-backdrop{-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.glass-modal-content{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalScaleUp}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glass-modal-title{background:linear-gradient(135deg,#fff 0%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.5rem;font-weight:800}.glass-modal-text{color:#ffffffb3;margin-bottom:32px;font-size:.95rem;line-height:1.6}.glass-modal-buttons{flex-direction:column;gap:12px;display:flex}.glass-modal-btn{cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-modal-btn.primary{color:#fff;background:#0a84ff}.glass-modal-btn.primary:hover{background:#3294ff;transform:translateY(-2px)}.glass-modal-btn.secondary{color:var(--text-main);background:#ffffff14;border:1px solid #ffffff1a}.glass-modal-btn.secondary:hover{background:#ffffff26}.glass-modal-btn.danger{color:#ff453a;background:#ff453a1a;border:1px solid #ff453a33}.glass-modal-btn.danger:hover{background:#ff453a33}.diff-container.live-diff-added{background:#30d15814!important}.diff-container.live-diff-changed{background:#0a84ff14!important}.diff-container.live-diff-added:after,.diff-container.live-diff-changed:after{content:"";z-index:50;pointer-events:none;height:100%;position:absolute;top:0;width:4px!important;right:-8px!important}.diff-container.live-diff-added:after{background:#30d158!important}.diff-container.live-diff-changed:after{background:#0a84ff!important}.diff-removed-highlight,.diff-added-highlight{overflow:visible}.diff-container.diff-remove{padding-left:8px;transition:background .2s;position:relative;overflow:visible;background:#ff453a2e!important;border-left:4px solid #ff453a!important}.diff-container.diff-remove:hover{background:#ff453a40!important}.diff-container.diff-add{padding-left:8px;transition:background .2s;position:relative;overflow:visible;background:#30d1582e!important;border-left:4px solid #30d158!important}.diff-container.diff-add:hover{background:#30d15840!important}.diff-modify-group{break-inside:avoid;background:#ffffff08;border:1px dashed #fff3;border-radius:8px;margin:12px 0;overflow:visible}.diff-modify-lines{flex-direction:column;gap:2px;display:flex}.breakdown-toggle-row{background:var(--glass-bg,#ffffff0a);border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;justify-content:space-between;align-items:center;margin:6px 16px;padding:10px 14px;display:flex}.breakdown-toggle-label{color:var(--text-tertiary);font-size:11px;font-weight:600}.switch{width:32px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border-radius:18px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--text-primary)}input:checked+.slider:before{background-color:var(--surface-base);transform:translate(14px)}html.light .slider{background-color:#00000014}html.light .slider:before{background-color:#a1a1a6}html.light input:checked+.slider{background-color:#00aeef}html.light input:checked+.slider:before{background-color:#fff}.tag-highlight{border-bottom:2px solid var(--tag-color);background:var(--tag-bg);cursor:pointer;border-radius:2px;margin:0 1px;position:relative}.tag-highlight:hover{background:var(--tag-bg-hover)}.tag-highlight-label{background:var(--tag-color);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:800;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tag-highlight:hover .tag-highlight-label{opacity:1}.ai-context-hint{color:var(--text-tertiary);opacity:.8;align-items:center;gap:6px;margin-top:8px;font-size:10px;font-weight:600;display:flex}.tag-selection-box{flex-direction:column;gap:12px;display:flex;background:var(--surface-glass)!important;border:1px solid var(--border-default)!important;border-radius:12px!important;margin:12px!important;padding:16px!important}.tag-selection-text{color:var(--text-secondary);background:var(--surface-raised);border-radius:6px;max-height:60px;padding:8px 10px;font-size:11px;font-weight:500;line-height:1.5;overflow-y:auto}.tag-category-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.tag-category-btn{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.tag-category-btn:hover{border-color:var(--border-default);background:#ffffff14;transform:translateY(-1px)}.tag-category-btn:active{transform:scale(.98)}.tag-category-btn .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;background-color:var(--cat-color)!important}.sidebar-tab-pane{flex-direction:column;height:100%;display:flex;overflow:hidden}.breakdown-main-btn{width:calc(100% - 24px);color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(20px)saturate(1.8);transition:all .3s var(--ease-spring);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 12px;padding:12px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.breakdown-main-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.breakdown-main-btn:hover:before{transition:all .8s;left:150%}.breakdown-main-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-strong);transform:translateY(-2px)}.breakdown-main-btn:active{transform:scale(.98)}.breakdown-controls{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 16px 12px;display:flex}.group-toggle{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;padding:2px;display:flex}.toggle-btn{width:28px;height:28px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.toggle-btn.active{background:var(--text-primary);color:var(--surface-base)}.export-btn{color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.export-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-strong)}.sidebar-scroll-list{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto;padding:0 8px 16px!important}.breakdown-group{flex-direction:column;gap:8px;display:flex}.group-header{z-index:5;background:var(--surface-base);align-items:center;gap:8px;padding:6px 8px;display:flex;position:sticky;top:0}.group-header.scene-header{border-bottom:1px solid var(--border-subtle);padding-bottom:4px}.group-dot{border-radius:50%;width:8px;height:8px}.group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:9px;font-weight:800}.group-count{color:var(--text-disabled);background:#ffffff0d;border-radius:4px;padding:0 4px;font-size:10px;font-weight:700}.group-items{flex-direction:column;gap:4px;display:flex}.tag-item{justify-content:space-between;border:1px solid var(--border-subtle)!important;background:#ffffff05!important;padding:8px!important}.tag-item:hover{border-color:var(--border-default)!important}.tag-location{color:var(--text-disabled);background:#ffffff08;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.group-dot-small{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tag-save-toast{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);color:var(--text-secondary);z-index:100;animation:slideUpFade .3s var(--ease-spring);border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:80px;left:20px;right:20px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.draft-compare-pane-scroller .page-mode-stack{padding-top:0}.breakdown-success-alert{-webkit-backdrop-filter:blur(10px);background:#30d1581a;border:1px solid #30d15833;border-radius:12px;align-items:center;gap:12px;margin:12px 12px 20px;padding:12px;animation:.4s cubic-bezier(.16,1,.3,1) slideInDown;display:flex}.alert-icon-wrap{background:#30d15826;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alert-content{flex:1}.alert-title{color:#30d158;font-size:13px;font-weight:700}.alert-desc{color:var(--text-secondary);opacity:.8;margin-top:1px;font-size:11px}.alert-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.alert-close:hover{color:var(--text-primary);background:#ffffff0d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.index-cards-container{padding:var(--space-8);background:var(--surface-base);flex:1;overflow-y:auto}.index-cards-empty{color:var(--text-muted);padding:var(--space-12);flex:1;justify-content:center;align-items:center;font-style:italic;display:flex}.index-cards-grid{gap:var(--space-6);padding-bottom:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.index-cards-card{background:var(--surface-raised);border:1px solid var(--border-default);padding:var(--space-4);gap:var(--space-3);transition:border-color .2s var(--ease-smooth);border-radius:8px;flex-direction:column;padding-top:0;display:flex;position:relative;overflow:visible}.index-cards-accent-bar{width:100%;height:4px;margin-bottom:var(--space-2);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));width:calc(100% + 2 * var(--space-4));opacity:.85;border-radius:8px 8px 0 0}.index-cards-card.dragging{border-color:var(--card-accent,#0a84ff);z-index:100;cursor:grabbing!important}.index-cards-card-header{justify-content:space-between;align-items:center;display:flex}.index-cards-scene-number{color:var(--text-muted);background:var(--surface-overlay);border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.index-cards-color-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex;position:relative}.index-cards-color-btn:hover{background:var(--surface-overlay)}.index-cards-color-hidden{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.index-cards-drag-handle{color:var(--text-muted);cursor:grab;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.index-cards-drag-handle:hover{background:var(--surface-overlay);color:var(--text-main)}.index-cards-card-title{color:var(--text-main);font-size:.95rem;font-weight:700;line-height:1.3}.index-cards-card-snippet{color:var(--text-secondary);opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Courier Prime,Courier,monospace;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.index-cards-badges{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.ic-badge-wrapper{position:relative}.ic-badge{cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;border-radius:10px;align-items:center;gap:3px;padding:2px 7px;transition:all .15s;display:flex}.ic-badge-cast{color:#0a84ff;background:#0a84ff1a;border-color:#0a84ff33}.ic-badge-cast:hover{background:#0a84ff2e}.ic-badge-prop{color:#30d158;background:#30d1581a;border-color:#30d15833}.ic-badge-prop:hover{background:#30d1582e}.ic-badge-vfx{color:#bf5af2;background:#bf5af21a;border-color:#bf5af233}.ic-badge-vfx:hover{background:#bf5af22e}.ic-badge-dropdown{z-index:200;border:1px solid var(--border-default);scrollbar-width:none;min-width:140px;max-height:180px;animation:icBadgePopIn .12s var(--ease-spring);background:#1c1c1e;border-radius:8px;padding:6px;position:absolute;overflow-y:auto}.ic-badge-dropdown::-webkit-scrollbar{display:none}@keyframes icBadgePopIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ic-badge-dropdown-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:2px 6px 4px;font-size:9px;font-weight:700}.ic-badge-dropdown-item{color:var(--text-secondary);border-radius:4px;padding:4px 6px;font-size:11px;transition:background .1s}.ic-badge-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.index-cards-card-footer{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto;font-size:.7rem}html.light .index-cards-container{background:var(--surface-base)}html.light .index-cards-card{background:#fff;border-color:#00000014}html.light .ic-badge-dropdown{background:#fff;border-color:#0000001a}html.light .ic-badge-dropdown-item:hover{background:#0000000a}.editor-page .screenplay-paper{border-top:1px solid var(--border-default);margin:32px auto 64px!important}.screenplay-virtual-item[data-index="0"] .scene-number-gutter.element-scene-heading{top:0!important}.page-break-marker .paper-page-number.break-number{top:160px!important}.view-page .screenplay-paper{border-top:1px solid var(--border-default)!important}.editor-page .screenplay-line,.editor-page .media-text-content{font-family:var(--dynamic-editor-font,var(--font-mono))!important}.settings-modal-backdrop{z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:#09090b;border:1px solid #ffffff1a;border-radius:12px;width:90vw;max-width:800px;height:80vh;max-height:600px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;display:flex;overflow:hidden}.settings-sidebar{background:#ffffff05;border-right:1px solid #ffffff1a;flex-direction:column;gap:4px;width:220px;padding:24px 12px;display:flex}.settings-sidebar-title{color:#fafafa;margin-bottom:16px;padding:0 12px;font-size:.875rem;font-weight:700}.settings-tab{text-align:left;color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .2s}.settings-tab:hover{color:#fafafa;background:#ffffff0d}.settings-tab.active{color:#fafafa;background:#ffffff1a;font-weight:600}.settings-content{background:0 0;flex-direction:column;flex:1;display:flex}.settings-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.settings-header h2{color:#fafafa;margin:0;font-size:1.125rem;font-weight:600}.settings-close-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.settings-close-btn:hover{color:#fafafa;background:#ffffff1a}.settings-scroll-area{flex:1;padding:24px 32px;overflow-y:auto}.settings-section{flex-direction:column;gap:24px;display:flex}.settings-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:32px;padding-bottom:24px;display:flex}.settings-info label{color:#fafafa;margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.settings-info span{color:#a1a1aa;font-size:.8125rem;display:block}.settings-select{appearance:none;color:#fafafa;cursor:pointer;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffffff26;border-radius:8px;outline:none;min-width:220px;padding:8px 36px 8px 12px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-select:hover{background-color:#ffffff14;border-color:#ffffff4d}.settings-select:focus{background-color:#0a84ff0d;border-color:#0a84ff}.settings-select option{color:#fafafa;background-color:#18181b}.shortcuts-grid{flex-direction:column;gap:8px;display:flex}.shortcut-category{text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa;border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding-bottom:4px;font-size:.75rem;font-weight:700}.shortcut-row{color:#fafafa;justify-content:space-between;align-items:center;padding:4px 0;font-size:.875rem;display:flex}.shortcut-row kbd{font-family:var(--font-mono);color:#e4e4e7;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:3px 8px;font-size:.75rem}.settings-empty-state{color:#a1a1aa;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;display:flex}.settings-slider-container{width:100%;margin-top:12px;padding-bottom:40px;position:relative}.settings-slider{-webkit-appearance:none;cursor:pointer;background:var(--surface-overlay);border-radius:9999px;outline:none;width:100%;height:6px;margin:0}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s}.settings-slider::-moz-range-thumb{cursor:grab;background:#fff;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s}.settings-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}.settings-slider:focus-visible::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}.settings-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.1)}.settings-slider:focus-visible::-moz-range-thumb{cursor:grabbing;transform:scale(1.1)}.settings-slider-labels{height:28px;position:absolute;top:18px;left:0;right:0}.slider-label{color:var(--text-tertiary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;font-size:.75rem;transition:color .15s;display:flex;position:absolute}.slider-label:hover{color:var(--text-secondary)}.slider-label .tick-mark{background:var(--border-strong);border-radius:1px;width:2px;height:6px;margin-bottom:4px}.slider-label.center-anchor{transform:translate(-50%)}.slider-label.right-anchor{align-items:flex-end;transform:translate(0)}.slider-label.right-anchor .tick-mark{align-self:flex-end;margin-right:8px}.slider-label:first-child .tick-mark{align-self:flex-start;margin-left:8px}.slider-label .active{color:var(--text-primary);font-weight:700}.slider-label small{opacity:.8;margin-top:2px;font-size:.65rem}html.light .settings-modal{background:#fff;border-color:#0000001a}html.light .settings-sidebar{background:#f4f4f5;border-right-color:#0000000d}html.light .settings-sidebar-title,html.light .settings-header h2,html.light .settings-info label,html.light .shortcut-row{color:#09090b}html.light .settings-tab{color:#71717a}html.light .settings-tab:hover{color:#09090b;background:#0000000d}html.light .settings-tab.active{color:#09090b;background:#fff}html.light .settings-header,html.light .settings-row,html.light .shortcut-category{border-color:#0000000d}html.light .settings-close-btn{color:#71717a}html.light .settings-close-btn:hover{color:#09090b;background:#0000000d}html.light .settings-info span,html.light .shortcut-category,html.light .settings-empty-state{color:#71717a}html.light .settings-select{color:#09090b;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#00000026}html.light .settings-select option{color:#09090b;background-color:#fff}html.light .shortcut-row kbd{color:#09090b;background:#f4f4f5;border-color:#0000001a}.pdf-preview-close{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.pdf-preview-close:hover{color:#ff453a;background:#ff453a26;border-color:#ff453a66}.pill-toggle{border-radius:var(--radius-full);z-index:10;border:1px solid var(--border-subtle);background:#0000001a;padding:2px 3px;display:flex;position:relative;margin:8px 16px 12px!important}html.light .pill-toggle{background:#0000000a}.pill-btn{border-radius:var(--radius-full);color:var(--text-tertiary);text-align:center;transition:all var(--duration-normal) var(--ease-spring);cursor:pointer;z-index:2;border:1px solid #0000;flex:1;padding:4px 10px;font-size:.68rem;font-weight:600;position:relative}.pill-btn:hover{color:var(--text-secondary)}.pill-btn.active{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff0d}html.light .pill-btn.active{color:var(--text-primary);background:#00000014;border-color:#00000014}.tasks-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040404f2;align-items:center;gap:6px;min-width:0;margin-bottom:12px;padding-top:4px;padding-bottom:8px;display:flex;position:sticky;top:0}html.light .tasks-header{background:#f8f8f8f2}.snippets-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040404f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-top:4px;padding-bottom:8px;display:flex;position:sticky;top:0}html.light .snippets-header{background:#f8f8f8f2}.breakdown-sticky-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040404f2;position:sticky;top:0}html.light .breakdown-sticky-header{background:#f8f8f8f2}.tasks-header .tasks-filter-select{flex:1;min-width:0}.tasks-header .add-task-btn{flex-shrink:0;margin-left:auto}.tasks-filter-select{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;outline:none;min-width:0;padding:4px 8px;font-size:.75rem}.add-selection-btn{color:#0bf;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);background:#00bbff1a;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.add-selection-btn:hover{background:#0bf3}.add-task-btn,.add-snippet-btn{color:#30d158;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);background:#30d1581a;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.add-task-btn:hover,.add-snippet-btn:hover{background:#30d15833}.clear-tags-btn{color:#ff453a;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);background:#ff453a1a;border:1px solid #0000;align-items:center;gap:4px;padding:3px 7px;font-size:.75rem;font-weight:600;display:flex}.clear-tags-btn:hover{background:#ff453a33;border-color:#ff453a66}.task-item,.snippet-item{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--duration-fast);align-items:flex-start;gap:8px;padding:8px;display:flex}.task-item.completed{opacity:.6}.task-toggle{cursor:pointer;justify-content:center;align-items:center;margin-top:2px;padding:2px;display:flex}.task-input{width:100%;color:var(--text-primary);word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;resize:none;background:0 0;border:none;outline:none;min-height:1.4em;padding:0;font-family:inherit;font-size:.85rem;line-height:1.5;overflow:hidden}.task-item.completed .task-input{color:var(--text-tertiary);text-decoration:line-through}.task-delete,.snippet-delete,.snippet-copy{color:var(--text-tertiary);cursor:pointer;opacity:0;padding:4px;transition:opacity .2s}.task-item:hover .task-delete,.snippet-item:hover .snippet-delete,.snippet-item:hover .snippet-copy{opacity:1}.task-delete:hover,.snippet-delete:hover{color:#ff453a}.snippet-copy:hover{color:#0bf}.snippet-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.snippet-drag-handle{color:var(--text-tertiary);cursor:grab;margin-top:2px;padding:4px}.snippet-drag-handle:active{cursor:grabbing}.snippet-textarea{color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);resize:none;background:0 0;border:none;outline:none;flex:1;padding-bottom:6px;line-height:1.5;overflow-y:auto}.snippet-item{position:relative;padding-bottom:8px!important}.snippet-resize-handle{cursor:ns-resize;opacity:0;border-radius:0 0 8px 8px;justify-content:center;align-items:center;height:8px;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.snippet-resize-handle:after{content:"";background:var(--text-secondary);opacity:.4;border-radius:2px;width:28px;height:3px}.snippet-item:hover .snippet-resize-handle{opacity:1}.tasks-filter-select option{color:#f5f5f7;background:#000}html.light .tasks-filter-select option{color:#1d1d1f;background:#fff}.pdf-preview-overlay{z-index:9999!important;padding:40px!important;display:flex!important}.pdf-preview-modal{border-radius:16px!important;flex-direction:row!important;width:100%!important;max-width:1200px!important;height:85vh!important;margin:0 auto!important;padding:0!important;display:flex!important;overflow:hidden!important}.pdf-preview-sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);flex-direction:column;width:300px;min-width:300px;padding:24px 20px;display:flex;overflow-y:auto}.pdf-preview-options-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex-direction:column;gap:20px;padding:16px;display:flex}.pdf-preview-main{background:#1e1e1f;flex-direction:column;flex:1;display:flex;position:relative}.pdf-preview-close{z-index:10;cursor:pointer;color:#fff;width:32px;height:32px;transition:all var(--duration-fast) var(--ease-smooth);background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:32px}.pdf-preview-close:hover{background:#ffffff1a;transform:scale(1.05)}html.light .pdf-preview-modal{background:#fffc!important;border:1px solid #00000014!important}html.light .pdf-preview-sidebar{background:#00000004!important;border-right-color:#0000000f!important}html.light .pdf-preview-options-card{background:#00000005!important;border-color:#0000000f!important}html.light .pdf-preview-main{background:#f5f5f7}html.light .pdf-preview-close{color:#1d1d1f;background:#fffc;border-color:#00000014}html.light .pdf-preview-close:hover{color:#000;background:#fff}.pdf-preview-modal .modal-input,.pdf-preview-modal .modal-textarea{border:1px solid var(--border-default)!important;color:var(--text-primary)!important;background:#ffffff05!important}html.light .pdf-preview-modal .modal-input,html.light .pdf-preview-modal .modal-textarea{color:#000!important;background:#00000008!important;border-color:#00000014!important}html.light .pdf-preview-modal .modal-input::placeholder,html.light .pdf-preview-modal .modal-textarea::placeholder{color:#00000073!important}html.light .pdf-preview-modal .modal-input:focus,html.light .pdf-preview-modal .modal-textarea:focus{background:#0000000d!important;border-color:#0bf!important}html.light .pdf-preview-modal .modal-title,html.light .pdf-preview-modal label,html.light .pdf-preview-modal span{color:#000!important}html.light .pdf-preview-modal .modal-label,html.light .pdf-preview-modal h3{color:#00000080!important}.pdf-preview-modal .pdf-download-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:24px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;color:#0bf!important;background:#00bbff14!important;border:1px solid #00bbff2e!important}.pdf-preview-modal .pdf-download-btn:hover{transform:translateY(-1px);background:#00bbff2e!important;border-color:#00bbff59!important}.pdf-preview-modal .pdf-download-btn:active{transform:scale(.97)translateY(0);background:#00bbff47!important;border-color:#00bbff80!important}.media-album-folder{background:var(--glass-bg,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;margin-bottom:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.media-album-folder:hover{border-color:#ffffff4d}.media-album-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-color,#e0e0e0);background:#ffffff0f;border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.media-album-header:hover{background:#ffffff1f}.media-album-header .folder-icon{color:#ffca28;margin-right:10px}.media-album-header.drag-over{background:#5b9bd54d;border-bottom:1px solid #5b9bd5}.media-album-content{background:#0003;padding:12px}.album-actions{gap:6px;margin-left:auto;display:flex}.album-actions button{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.album-actions button:hover{color:#fff;background:#ffffff26}html.light .media-album-header{color:#222;background:#00000008;border-bottom:1px solid #0000000a}html.light .media-album-header:hover{background:#0000000f}html.light .media-album-content{background:#00000003}.skeleton-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.6s linear infinite shimmer;position:absolute;top:0;left:0}html.light .skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#0000000a 50%,#0000 100%) 0 0/200% 100%}.skeleton-line{background:#ffffff0a;border-radius:4px;height:12px;position:relative;overflow:hidden}html.light .skeleton-line{background:#0000000d}.skeleton-line:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff0a 50%,#fff0 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.6s linear infinite shimmer;position:absolute;top:0;left:0}html.light .skeleton-line:after{background:linear-gradient(90deg,#0000 0%,#00000008 50%,#0000 100%) 0 0/200% 100%}.sidebar-shimmer-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:16px;display:flex}.sidebar-shimmer-item{flex-direction:column;gap:8px;display:flex}.resume-floating-prompt{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(1.8);background:#1e1e1ebf;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:12px;padding:10px 16px;animation:.3s cubic-bezier(.16,1,.3,1) both slideUpFade;display:flex;position:fixed;bottom:24px;right:24px}html.light .resume-floating-prompt{background:#fffc;border-color:#00000014}.resume-prompt-text{color:var(--text-primary);white-space:nowrap;font-size:.8125rem;font-weight:600}.resume-btn-yes{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:background .2s,border-color .2s,transform .1s}.resume-btn-yes:hover{background:#ffffff26;border-color:#ffffff4d}.resume-btn-yes:active{transform:scale(.95)}html.light .resume-btn-yes{color:var(--text-primary);background:#0000000d;border-color:#0000001a}html.light .resume-btn-yes:hover{background:#0000001a;border-color:#0003}.resume-btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.resume-btn-close:hover{color:var(--text-primary);background:#ffffff1a}html.light .resume-btn-close:hover{background:#0000000d}