@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main: #ede8d5;--bg-sidebar: #e3ddc6;--accent: #dc2626;--accent-glow: rgba(220, 38, 38, .2);--text-primary: #1c1917;--text-secondary: #57534e;--glass-border: rgba(0, 0, 0, .08);--glass-bg: rgba(245, 241, 233, .8);--glass-blur: blur(12px);--font-script: "Courier New", Courier, monospace;--font-ui: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%}.sidebar-left{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;flex-shrink:0}.main-editor-area{flex:1;background:var(--bg-main);display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.sidebar-right{width:var(--sidebar-width);background:var(--bg-sidebar);border-left:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;flex-shrink:0;z-index:100}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#00000008;border-color:#00000026;transform:translateY(-1px)}.script-font{font-family:var(--font-script)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}.shotlist-grid-wrapper{margin:16px;background:var(--bg-main);height:calc(100% - 32px);width:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;min-height:0}.shotlist-scroll-area{width:100%;flex:1;min-height:0;position:relative;background:transparent;padding:0;display:flex;flex-direction:column;overflow:hidden}.table-overflow-container{overflow:auto;border:2px solid #262626;background:var(--paper-bg);flex:1;width:100%;position:relative;min-height:0;margin-bottom:60px;box-shadow:0 4px 12px #0000001a}.shotlist-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;background:#fff}.table-overflow-container::-webkit-scrollbar{width:10px;height:10px}.table-overflow-container::-webkit-scrollbar-track{background:#0000000d}.table-overflow-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;border:2px solid transparent;background-clip:content-box}.dark-theme .table-overflow-container::-webkit-scrollbar-thumb{background:#475569}.table-overflow-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.main-header-row th{position:sticky;top:0;z-index:30;background:var(--shotlist-header)!important;border-bottom:2px solid var(--shotlist-border)!important}.sheet-labels-row th{position:sticky;top:-30px;background:#f1f5f9!important;color:#64748b!important;font-size:8pt!important;padding:4px!important;z-index:31}.resizer-handle{position:absolute;right:-5px;top:0;width:10px;height:100%;cursor:col-resize;z-index:100;background:transparent;transition:background .2s}.resizer-handle:hover{background:#2563eb4d}.resizer-handle.is-resizing{background:var(--accent)!important;width:2px!important;right:-1px!important}.resize-guide{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:1000;pointer-events:none;box-shadow:0 0 8px #dc262666}.is-resizing-active{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.index-textarea-mode{color:#94a3b8!important;font-weight:600!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;background:transparent!important;text-align:center!important;padding:12px 0!important}.dark-theme .index-textarea-mode{color:#666!important}.toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.insert-bar-zone-overlay{position:absolute;bottom:-12px;left:-1px;right:-1px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;pointer-events:auto;overflow:visible}.insert-bar-zone-overlay .bar-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--accent);transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.shotlist-row-wrapper:hover .insert-bar-zone-overlay .bar-line{opacity:.15}.insert-bar-zone-overlay:hover .bar-line{opacity:1;height:2px}.insert-zone-btn{opacity:0;transform:translateY(4px) scale(.8);background:var(--accent);color:#fff!important;border:none;padding:2px 10px;border-radius:12px;font-family:var(--font-ui);font-size:7pt;font-weight:800;display:flex;align-items:center;gap:4px;cursor:pointer;z-index:101;box-shadow:0 4px 12px #dc26264d;transition:all .2s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.insert-bar-zone-overlay:hover .insert-zone-btn{opacity:1;transform:translateY(0) scale(1)}.insert-zone-btn:hover{transform:scale(1.1);background:var(--accent-hov)}.dropdown-icon-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);opacity:.4;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:all .2s;z-index:5}.textarea-wrapper:hover .dropdown-icon-indicator{opacity:1;color:var(--accent)}.with-dropdown{padding-right:28px!important}.index-cell-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.row-delete-btn{position:absolute;top:4px;right:4px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:45;transition:all .2s;opacity:.6}.row-delete-btn:hover{background:#ef4444;color:#fff;opacity:1;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.selected-cell{background-color:#2563eb0d!important;box-shadow:inset 0 0 0 2px #2563eb!important;z-index:150!important;position:relative}.dark-theme .selected-cell{background-color:#2563eb1a!important;box-shadow:inset 0 0 0 2px #3b82f6!important}.shotlist-table th{background:var(--shotlist-header);border:1px solid var(--shotlist-border);padding:10px 4px;font-family:var(--font-ui);font-weight:700;font-size:7.5pt;text-transform:uppercase;color:var(--text-secondary);text-align:center}.shotlist-table td{border:1px solid var(--shotlist-border);vertical-align:middle;background:var(--paper-bg);transition:background .1s ease;height:auto;padding:0;overflow:visible!important}.index-col{background:#f8fafc!important;color:#94a3b8!important;font-size:8pt;text-align:center;border-right:2px solid var(--shotlist-border)!important;position:sticky;left:0;z-index:40;overflow:visible!important}.dark-theme .shotlist-table td:hover{background-color:#ffffff14!important}.shotlist-table td.empty-cell{color:var(--text-secondary);opacity:.7;font-style:italic}.shotlist-table textarea,.shotlist-table select{width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;padding:12px 8px!important;font-family:var(--font-ui);font-size:10.5pt;color:var(--paper-text);outline:none!important;resize:none!important;overflow:hidden!important;display:block;line-height:normal!important;box-shadow:none!important;box-sizing:border-box!important;margin:0!important;text-align:center}.shotlist-table select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-height:44px}.shotlist-table th:nth-child(1),.shotlist-table td:nth-child(1){width:65px}.shotlist-table th:nth-child(2),.shotlist-table td:nth-child(2){width:65px}.shotlist-table.director-view th:nth-child(3),.shotlist-table.director-view td:nth-child(3){width:180px}.shotlist-table.director-view th:nth-child(4),.shotlist-table.director-view td:nth-child(4){width:120px}.shotlist-table.director-view th:nth-child(5),.shotlist-table.director-view td:nth-child(5){width:10%}.shotlist-table.director-view th:nth-child(6),.shotlist-table.director-view td:nth-child(6){width:160px}.shotlist-table.director-view th:nth-child(7),.shotlist-table.director-view td:nth-child(7){width:60px}.shotlist-table.director-view th:nth-child(10),.shotlist-table.director-view td:nth-child(10){width:115px}.shotlist-table.dp-view th:nth-child(3),.shotlist-table.dp-view td:nth-child(3){width:100px}.shotlist-table.dp-view th:nth-child(4),.shotlist-table.dp-view td:nth-child(4){width:60px}.shotlist-table.dp-view th:nth-child(5),.shotlist-table.dp-view td:nth-child(5){width:14%}.shotlist-table.dp-view th:nth-child(6),.shotlist-table.dp-view td:nth-child(6){width:8%}.shotlist-table.dp-view th:nth-child(7),.shotlist-table.dp-view td:nth-child(7){width:12%}.shotlist-table.dp-view th:nth-child(8),.shotlist-table.dp-view td:nth-child(8){width:60px}.shotlist-table.director-view th:nth-child(8),.shotlist-table.director-view td:nth-child(8){width:300px}.shotlist-table.director-view th:nth-child(9),.shotlist-table.director-view td:nth-child(9){width:250px}.shotlist-table td:focus-within{background-color:#0000000f!important;box-shadow:inset 0 0 0 1px var(--shotlist-border)!important;z-index:10;position:relative}.dark-theme .shotlist-table td:focus-within{background-color:#ffffff1a!important}.btn-add{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:var(--font-ui);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #dc262633;letter-spacing:.02em}.btn-add:hover{background:var(--accent-hov);transform:translateY(-2px);box-shadow:0 6px 15px #dc26264d}.shotlist-document-header{border-bottom:2px solid var(--shotlist-border);padding-bottom:24px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.doc-title-area{display:flex;flex-direction:column;gap:12px}.shotlist-template-selector{display:flex;align-items:center;gap:12px}.shotlist-template-selector .label{font-family:var(--font-ui);font-size:8.5pt;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.dark-theme .shotlist-template-selector .label{color:var(--text-dim)}.template-chips{display:flex;gap:8px}.template-chip{background:#0000000d;border:1px solid rgba(0,0,0,.1);padding:6px 14px;border-radius:20px;font-family:var(--font-ui);font-size:9pt;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.template-chip:hover{background:#0000001a;transform:translateY(-1px)}.template-chip.primary{background:#2563eb14;border-color:#2563eb26;color:#2563eb}.template-chip.primary:hover{background:#2563eb;color:#fff}.dark-theme .template-chip{background:#ffffff0d;border-color:#ffffff1a;color:#aaa}.doc-title{font-family:var(--font-ui);font-size:28pt;font-weight:900;color:var(--paper-text);letter-spacing:-.03em}.dark-theme .doc-title{color:#f8fafc}.doc-meta{text-align:right;font-family:var(--font-ui);font-size:9.5pt;line-height:1.8;color:var(--paper-text);opacity:.8}.dark-theme .doc-meta{color:var(--text-secondary)}.meta-field{display:flex;justify-content:flex-end;align-items:center;gap:12px}.meta-field textarea{border:none;border-bottom:1px solid rgba(0,0,0,.1);background:transparent;padding:4px 8px;font-family:var(--font-ui);font-size:10pt;font-weight:500;color:var(--paper-text);outline:none;text-align:left;min-width:300px;max-width:500px;transition:all .2s;resize:none;overflow:hidden;display:block;line-height:1.4}.meta-field textarea:focus{border-bottom-color:var(--accent);background:#dc262605}.dark-theme .meta-field textarea{color:#f8fafc;border-bottom-color:#ffffff1a}.dark-theme .meta-field textarea:focus{border-bottom-color:var(--accent);background:#ffffff08}@media print{.no-print,.grid-controls{display:none}.shotlist-grid-wrapper{padding:0;background:#fff}.shotlist-scroll-area{box-shadow:none;border:none;padding:0;width:100%;max-width:none}.meta-field input{border-bottom:none}}.shotlist-row-wrapper,.first-col{position:relative}.shotlist-row-controls{position:absolute;top:-36px;left:0;display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:4px;z-index:1000;opacity:1;transition:opacity .2s ease,top .1s ease-out;pointer-events:auto;gap:0;white-space:nowrap}.shotlist-row-controls:after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px;background:transparent}.dark-theme .shotlist-row-controls{background:#1e1e1e;border-color:#333;box-shadow:0 8px 32px #00000080}.row-type-indicator{font-size:10px;font-weight:800;background:var(--accent);color:#fff;padding:4px 10px;border-radius:4px;margin-right:4px;text-transform:uppercase;letter-spacing:.05em}.row-actions-floating{display:flex;align-items:center;padding:0 4px}.control-btn{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s}.control-btn:hover{background:#0000000d;color:var(--accent)}.dark-theme .control-btn:hover{background:#ffffff1a}.control-btn.delete-action:hover{background:#ef44441a;color:#ef4444}.more-actions-anchor{position:relative}.more-actions-menu{right:0;left:auto!important}.more-actions-menu button.delete-action:hover{background:#ef4444!important;color:#fff!important}.insert-menu-anchor{position:relative}.insert-popup-menu{position:absolute;bottom:100%;left:0;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 15px #00000026;padding:4px;display:flex;flex-direction:column;min-width:140px;margin-bottom:8px;z-index:1001;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.insert-popup-menu button{background:transparent!important;border:none!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:var(--text-primary)!important;font-family:var(--font-ui)!important;font-size:.85rem!important;cursor:pointer!important;border-radius:6px!important;width:100%!important;text-align:left!important}.insert-popup-menu button:hover{background:var(--accent)!important;color:#fff!important}.inherited-cell{text-align:center;color:var(--text-secondary);font-style:italic;font-size:.8rem;-webkit-user-select:none;user-select:none;background:transparent;height:44px;display:flex;align-items:center;justify-content:center;cursor:default}.textarea-wrapper{position:relative;width:100%;height:auto;min-height:44px;cursor:text;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}.textarea-mirror{position:absolute;top:0;left:0;width:100%;padding:12px 8px;font-family:var(--font-ui);font-size:10.5pt;line-height:normal!important;white-space:pre-wrap;word-break:break-word;visibility:hidden;pointer-events:none;z-index:-1;text-align:center;box-sizing:border-box}.textarea-wrapper textarea{display:block;width:100%!important;min-height:44px}.active-dropdown-trigger{cursor:pointer;pointer-events:auto!important}.custom-dropdown-popup{position:absolute;top:100%;left:0;width:100%;min-width:180px;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 10px 40px #0000004d;padding:6px;z-index:2000;display:flex;flex-direction:column;gap:2px;animation:slideDownFade .2s ease;max-height:300px;overflow-y:auto;text-align:left}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem}.dropdown-item:hover{background:#ffffff14}.dark-theme .dropdown-item:hover{background:#ffffff1a}.dropdown-item.selected{background:#2563eb1a;color:#2563eb;font-weight:600}.dark-theme .dropdown-item.selected{background:#2563eb33;color:#60a5fa}.remove-icon{color:#ef4444;opacity:.8;transition:transform .2s}.dropdown-item:hover .remove-icon{transform:scale(1.2);opacity:1}.select-wrapper:hover{background:transparent}@media (max-width: 1200px){.shotlist-scroll-area{padding:30px}}.cell-clear-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all .2s;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.select-wrapper:hover .cell-clear-btn,.textarea-wrapper:hover .cell-clear-btn{opacity:.5}.cell-clear-btn:hover{opacity:1!important;color:#ef4444;background:#ef44441a}.dark-theme .cell-clear-btn:hover{background:#ef444433}.textarea-wrapper textarea{padding-right:22px!important}.textarea-wrapper{padding-right:0;display:block}.toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 8px}.modal-overlay,.modal-overlay *,.modal-overlay button,.modal-overlay input,.modal-overlay select,.modal-overlay textarea{font-family:var(--font-ui),"Inter",-apple-system,BlinkMacSystemFont,sans-serif!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000073!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:3000!important;padding:20px}.modal-content{width:100%;max-width:820px;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 50px 100px #0006;overflow:hidden;display:flex;flex-direction:column;transition:none}.secondary-icon{color:var(--text-secondary)}.modal-header{padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:#ffffff03}.modal-header-title{display:flex;align-items:center;gap:12px;line-height:1}.modal-header-title h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.modal-close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:12px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.modal-body{padding:40px;display:flex;flex-direction:column;gap:40px;overflow-y:auto}.modal-section{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}.section-info{display:flex;flex-direction:column;gap:16px}.section-title-group{display:flex;align-items:center;gap:12px}.section-info h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.section-info p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.section-content{display:flex;flex-direction:column;gap:16px}.modal-sync-list{display:flex;flex-direction:column;gap:10px;padding:16px;background:#00000008;border-radius:16px;border:1px solid var(--glass-border)}.modal-sync-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500}.modal-sync-icon{color:var(--accent);font-weight:900}.modal-btn{width:100%;padding:18px 24px;background:var(--accent);color:#fff;border:none;border-radius:16px;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 20px #dc262640;display:flex;flex-direction:column;gap:4px}.modal-btn:hover{background:var(--accent-hov);transform:translateY(-2px);box-shadow:0 12px 28px #dc262666}.modal-btn.minimal{background:var(--text-primary);color:var(--bg-sidebar);box-shadow:0 4px 12px #0000001a}.modal-btn.minimal:hover{background:var(--text-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.modal-btn:active{transform:scale(.98)}.modal-btn-label{font-weight:800;font-size:1.05rem;display:block}.modal-btn-meta{font-size:.8rem;opacity:.8;font-weight:500}.modal-btn.secondary{background:var(--glass-bg);color:var(--text-primary);border:1.5px solid var(--glass-border);box-shadow:none;font-weight:700;text-align:center;flex-direction:row;justify-content:center;align-items:center}.modal-btn.secondary:hover{background:#ffffff0d;border-color:var(--text-secondary)}.tech-input{width:100%;padding:18px 22px;background:var(--paper-bg);border:2px solid var(--glass-border);border-radius:16px;color:var(--paper-text);font-size:1.1rem;font-weight:700;transition:all .25s}.tech-input:focus{border-color:var(--text-secondary);outline:none;box-shadow:0 0 0 4px #94a3b826}.modal-footer{padding:24px 40px;background:#00000005;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.footer-tip{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.modal-section{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:16px}.modal-btn.secondary{width:100%}}.reset-main-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;padding:40px!important}.reset-column{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.section-content{display:flex;flex-direction:column;gap:12px;margin-top:auto}.dark-theme .modal-content{background:#1c1917!important;border-color:#ffffff1a!important;box-shadow:0 50px 100px #000c!important}.dark-theme .modal-header,.dark-theme .modal-footer{background:#ffffff08!important}.dark-theme .section-info h3,.dark-theme .modal-header-title h2{color:#f8fafc!important}.dark-theme .section-info p,.dark-theme .footer-tip{color:#94a3b8!important}.dark-theme .modal-btn.secondary{background:#ffffff0d!important;color:#e2e8f0!important;border-color:#ffffff1a!important}.dark-theme .modal-btn.secondary:hover{background:#ffffff1a!important;border-color:var(--text-secondary)!important;color:#f8fafc!important}.dark-theme .modal-btn.minimal{background:#f8fafc!important;color:#171717!important}.dark-theme .modal-btn.minimal:hover{background:#cbd5e1!important}.dark-theme .tech-input{background:#000!important;border-color:#ffffff1a!important;color:#f8fafc!important}.dark-theme .tech-input:focus{border-color:#64748b!important;box-shadow:0 0 0 4px #64748b33!important;background:#0a0a0a!important}.dark-theme .modal-sync-list{background:#0003!important;border-color:#ffffff0d!important}.dark-theme .modal-sync-item{color:#cbd5e1!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-btn.danger{background:#ef4444;color:#fff;box-shadow:0 8px 20px #ef444440}.modal-btn.danger:hover{background:#dc2626;box-shadow:0 12px 28px #ef444466}.dark-theme .modal-btn.danger{background:#dc2626;box-shadow:0 8px 20px #dc262633}.dark-theme .modal-btn.danger:hover{background:#b91c1c}.modal-btn.confirming{transform:scale(1.02);border:2px solid white!important}.modal-btn.confirming.danger{background:#b91c1c!important;animation:pulse-red 1s infinite!important}.modal-btn.confirming .modal-btn-label{font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3)}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.download-modal-content{width:100%;max-width:650px;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 30px 60px #0000004d;overflow:hidden;transition:none!important}.download-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.accent-icon{color:var(--accent)}.btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:none!important}.btn-close:hover{background:#0000000d;color:var(--text-primary)}.download-sections{padding:32px;display:flex;flex-direction:column;gap:40px}.export-section{display:grid;grid-template-columns:200px 1fr;gap:24px}.section-info{display:flex;flex-direction:column;gap:12px;color:var(--text-secondary)}.section-info svg{color:var(--accent)}.section-info h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.section-info p{font-size:.85rem;line-height:1.5;margin:0}.export-options{display:flex;flex-direction:column;gap:16px}.export-btn{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:none!important;box-shadow:none!important;transform:none!important}.export-btn:hover{background:var(--accent-hov)!important;transform:none!important;box-shadow:none!important}.export-btn.secondary{background:var(--glass-bg)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;box-shadow:none!important;font-weight:600;padding:12px;text-align:center}.export-btn.secondary:hover{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;transform:none!important;box-shadow:none!important}.export-btn.excel{background:#15803d!important;box-shadow:none!important}.export-btn.excel:hover{background:#166534!important;transform:none!important;box-shadow:none!important}.btn-label{font-weight:700;font-size:.95rem}.btn-meta{font-size:.75rem;opacity:.8;margin-top:4px}.option-group{display:flex;flex-direction:column;gap:10px}.option-group h4{font-size:.75rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;margin:0}.group-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download-footer{padding:20px 32px;background:#00000005;border-top:1px solid var(--glass-border)}.footer-tip{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:1}}.modal-content{transition:none!important}.modal-btn{transition:none!important;box-shadow:none!important;transform:none!important}.modal-btn:hover{background-color:var(--accent)!important;transform:none!important;box-shadow:none!important;border:none!important}.modal-btn.secondary{box-shadow:none!important;border:1px solid var(--glass-border)!important;background-color:var(--glass-bg)!important}.modal-btn.secondary:hover{background-color:var(--glass-bg)!important;border-color:var(--glass-border)!important;transform:none!important;box-shadow:none!important}.modal-btn.success{background-color:#10b981!important;box-shadow:none!important}.modal-btn.success:hover{background-color:#10b981!important;transform:none!important;box-shadow:none!important}.modal-close-btn{transition:none!important}.modal-close-btn:hover{background:var(--glass-bg)!important;color:var(--text-secondary)!important;border-color:var(--glass-border)!important;transform:none!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000073!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:2000!important;padding:20px}.clean-up-modal-horizontal{max-width:820px!important;width:92vw;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 40px 80px #0006!important;overflow-y:auto;display:flex;flex-direction:column;transition:none!important;max-height:90vh}.cleanup-horizontal-body{padding:24px 32px!important;display:flex;flex-direction:column;gap:20px}.cleanup-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.warning-box-compact{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ef444414;border-radius:10px;border:1px solid rgba(239,68,68,.15);font-size:.8rem;color:var(--text-secondary);line-height:1.4;flex:1}.success-toast{padding:6px 12px;background:#10b981;color:#fff;border-radius:8px;font-size:.75rem;font-weight:600}.cleanup-grid-horizontal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.cleanup-column-v2{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;height:100%}.column-header{display:flex;align-items:flex-start;gap:10px;color:var(--accent);min-height:2.8rem}.column-header h3{font-size:.9rem;font-weight:800;letter-spacing:.05em;margin:0;line-height:1.2}.cleanup-column-v2 p{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0;flex-grow:1}.action-reset-btn{margin-top:auto;padding:12px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.8rem;cursor:pointer;text-transform:uppercase;letter-spacing:.02em}.action-reset-btn:hover{background:#dc2626}.modal-footer-minimal{display:none!important}@media (max-width: 600px){.cleanup-grid-horizontal{grid-template-columns:1fr;gap:16px}}:root{--accent: #dc2626;--accent-rgb: 220, 38, 38;--accent-hov: #b91c1c;--font-ui: "Inter", system-ui, sans-serif;--glass-blur: blur(12px);--sidebar-width: 280px;--sidebar-collapsed-width: 60px}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;width:100%;background:var(--bg-main);overscroll-behavior:none}.light-theme{--bg-main: #e8e4d8;--bg-sidebar: #dfdbcb;--text-primary: #1c1917;--text-secondary: #57534e;--text-dim: #a8a29e;--glass-border: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .5);--paper-bg: #ffffff;--paper-shadow: 0 10px 30px rgba(0, 0, 0, .08);--paper-text: #171717;--bg-modal: #e5e5e5;--shotlist-header: #f5f5f5;--shotlist-border: #737373;--switcher-bg: #d4d4d4;--switcher-active: #ffffff;--switcher-text: var(--accent);--hover-bg: rgba(0, 0, 0, .05)}.dark-theme{--bg-main: #2b2825;--bg-sidebar: #1e1c1b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-dim: #64748b;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(0, 0, 0, .3);--paper-bg: #ffffff;--paper-shadow: 0 20px 60px rgba(0, 0, 0, .5);--paper-text: #171717;--bg-modal: #171717;--shotlist-header: #f5f5f5;--shotlist-border: #737373;--switcher-bg: #000000;--switcher-active: #262626;--hover-bg: rgba(255, 255, 255, .1)}.dark-theme .section-title,.dark-theme .view-context-label{color:#f8fafc!important;opacity:.9}.app-container{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:var(--bg-main);color:var(--text-primary);overflow:hidden;display:flex;flex-direction:column}.app-header{height:56px;flex-shrink:0;background:var(--bg-sidebar);border-bottom:2px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:2000;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.project-title-container{display:flex;flex-direction:column;line-height:1.2}.logo-text{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;letter-spacing:1px;color:#000}.dark-theme .logo-text{color:#fff}.logo-text .dot{color:var(--accent)}.project-name-display{font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:400;color:#666;margin-top:-2px}.dark-theme .project-name-display{color:#a8a29e}.icon-btn{background:transparent;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:background .2s}.icon-btn:hover{background:var(--hover-bg)}.sync-status-mini{width:8px;height:8px;border-radius:50%;background:#10b981;margin-right:8px;transition:all .3s ease;box-shadow:0 0 8px #10b98166}.sync-status-mini.syncing{background:var(--accent);box-shadow:0 0 8px #dc262666;animation:pulse-sync 1.5s infinite}@keyframes pulse-sync{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.sync-status-mini.unauthenticated{background:var(--text-dim);box-shadow:none;opacity:.5}.main-layout-area{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden;width:100%;position:relative}.active-tab-script .main-layout-area{grid-template-columns:max(var(--sidebar-current-left, 0px),var(--sidebar-current-right, 0px)) minmax(0,1fr) max(var(--sidebar-current-left, 0px),var(--sidebar-current-right, 0px));--sidebar-current-left: var(--sidebar-width);--sidebar-current-right: var(--sidebar-width)}.sidebar-left-collapsed .main-layout-area{grid-template-columns:0 minmax(0,1fr) var(--sidebar-width)}.sidebar-right-collapsed .main-layout-area{grid-template-columns:var(--sidebar-width) minmax(0,1fr) 0}.sidebar-left-collapsed.sidebar-right-collapsed .main-layout-area{grid-template-columns:0 minmax(0,1fr) 0}.active-tab-script.sidebar-left-collapsed .main-layout-area{grid-template-columns:max(0px,var(--sidebar-current-right, 0px)) minmax(0,1fr) max(0px,var(--sidebar-current-right, 0px));--sidebar-current-left: 0px}.active-tab-script.sidebar-right-collapsed .main-layout-area{grid-template-columns:max(var(--sidebar-current-left, 0px),0px) minmax(0,1fr) max(var(--sidebar-current-left, 0px),0px);--sidebar-current-right: 0px}.sidebar-left,.sidebar-right{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);height:100%;z-index:1001;border-right:1px solid var(--glass-border);border-left:1px solid var(--glass-border)}.sidebar-left.collapsed,.sidebar-right.collapsed{width:0!important;opacity:0;border:none!important;pointer-events:none}.sidebar-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);flex-shrink:0}.right-header{justify-content:space-between}.sidebar-mobile-close-btn{display:none;background:transparent;border:none;color:var(--text-dim);cursor:pointer;width:32px;height:32px;border-radius:6px;align-items:center;justify-content:center;transition:all .2s;font-size:1.2rem;line-height:1}.sidebar-mobile-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}@media screen and (max-width: 1024px){.sidebar-mobile-close-btn{display:flex}}.sidebar-left-collapsed .sidebar-header .logo-text,.sidebar-right-collapsed .sidebar-header .logo-text{display:none}.sidebar-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.section-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.element-grid{display:grid;gap:10px;margin-bottom:24px}.element-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.element-chevron{margin-left:auto;display:flex;align-items:center;color:var(--text-dim)}.element-item:hover{background:var(--glass-bg);border-color:var(--glass-border)}.header-trash-btn{background:transparent;border:none;color:var(--text-dim);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:4px}.header-trash-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.sidebar-footer{padding:12px;border-top:1px solid var(--glass-border)}.footer-actions-group{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.user-profile-mini{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#dc26260d;border:1px solid var(--glass-border);border-radius:20px;max-width:170px;overflow:hidden}.user-profile-mini.collapsed{padding:4px;justify-content:center}.user-profile-mini img{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent)}.user-name-text{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.footer-mini-btn{flex:1;display:flex;align-items:center;justify-content:center;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer}.footer-mini-btn:hover{background:var(--glass-border);color:var(--accent)}.footer-mini-btn.logout:hover{color:#ef4444;border-color:#ef4444}.footer-mini-btn.expand{background:var(--accent);color:#fff;border:none;width:36px;height:36px;border-radius:8px}.sidebar-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:.9rem;width:100%}.sidebar-action-btn.primary{background:var(--accent);color:#fff;border:none}.sidebar-action-btn.secondary{background:var(--glass-bg);color:var(--text-primary)}.dark-theme .sidebar-action-btn.secondary:hover{background:#ffffff14;border-color:var(--glass-border);color:var(--text-primary)}.sidebar-help-card{margin-top:auto;margin-bottom:20px;padding:16px;background:#00000008;border-radius:12px;display:flex;flex-direction:column;gap:16px}.help-item{display:flex;gap:12px;align-items:flex-start}.sync-btn-minimal:hover{border-color:var(--accent)}.help-item p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.help-item .icon-mini{color:var(--accent);flex-shrink:0;margin-top:2px}.help-item strong{color:var(--text-primary)}.btn-collapse{background:#fff0;border:none;color:var(--text-secondary);cursor:pointer}.main-editor{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;min-width:0}.editor-container{flex:1;padding:40px 0 160px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;background:var(--bg-main);overflow-anchor:none;min-height:0}.active-tab-shotlist .editor-container{overflow:hidden;display:flex;flex-direction:column;padding:0;flex:1;min-height:0;min-width:0}.active-tab-shotlist .main-editor,.active-tab-shotlist .main-layout-area{overflow:hidden}.workspace-footer{padding:24px;background:transparent;border:none;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}.workspace-footer *{pointer-events:auto}.dark-theme .workspace-footer{background:transparent;border:none}.pagination-controls.minimalist{background:transparent;padding:0;border:none}.custom-pg-dropdown{position:relative;display:flex;align-items:center}.pg-trigger{background:#000;border:1px solid #333333;color:#fff;font-family:var(--font-ui);font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 20px;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.pg-trigger:hover{background:#1a1a1a;border-color:#444;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.pg-trigger .lucide-chevron-down{color:#fff9;transition:all .3s cubic-bezier(.4,0,.2,1)}.pg-trigger:hover .lucide-chevron-down{color:#fff}.pg-trigger .lucide-chevron-down.rotated{transform:rotate(180deg)}.pg-menu{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:160px;max-height:280px;overflow-y:auto;z-index:1000;padding:6px;animation:slideUpFade .3s cubic-bezier(.4,0,.2,1)}.pg-menu.open-down{bottom:auto;top:calc(100% + 12px);animation:slideDownFade .3s cubic-bezier(.4,0,.2,1)}.dark-theme .pg-menu{background:#000;border:1px solid #222222;box-shadow:0 20px 60px #000c}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pg-option{padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;color:#333;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.dark-theme .pg-option{color:#e5e5e5}.dark-theme .pg-option:hover{background:#ffffff1a;color:#fff}.pg-option.active{background:#000;color:#fff}.dark-theme .pg-option.active{background:#fff;color:#000}.pg-menu::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.dark-theme .pg-select-minimal{color:#ecf0f1;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='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.page-link{min-width:36px;height:36px;padding:0 10px;border-radius:18px;border:1px solid transparent;background:transparent;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-link:hover:not(:disabled){background:#0000000d;color:var(--text-primary)}.page-link.active{background:var(--text-primary);color:#fff;box-shadow:0 4px 12px #0003}.page-link.nav{font-weight:600;color:var(--accent-light)}.page-link:disabled{opacity:.3;cursor:not-allowed}.script-page{width:8.5in;min-height:11in;height:auto;background:var(--paper-bg)!important;color:var(--paper-text);box-shadow:var(--paper-shadow);border-radius:2px;padding:1in 1in 1in 1.5in;display:flex;flex-direction:column;position:relative;flex-shrink:0;overflow:visible}.script-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:1px solid rgba(0,0,0,.05)}.page-number{position:absolute;top:.5in;right:1in;font-family:Courier New,Courier,monospace;font-size:12pt;color:#666}.blocks-container{display:flex;flex-direction:column;gap:0;-webkit-user-select:text;user-select:text}.blocks-container *::selection{background:#d9770640;color:inherit}.script-block-wrapper.selected{background-color:#00000008!important;position:relative;transition:background-color .1s ease}.script-block-wrapper.selected:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000003;pointer-events:none}.script-block-wrapper.selected .block-editor{background:transparent!important;color:#000}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:10px 0}.expanded-section{padding:8px 12px;background:#00000008;border-radius:6px;margin-top:-6px;margin-bottom:8px}.quick-item{padding:8px;font-size:.75rem;text-align:center;cursor:pointer;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;position:relative;border-radius:4px}.quick-item:hover{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dark-theme .quick-item:hover{background:#ffffff1a!important;border-color:#fff3!important;color:#fff}.quick-item .delete-btn{position:absolute;top:-6px;right:-6px;display:none;background:#ef4444;color:#fff;border:none;border-radius:50%;width:18px;height:18px;cursor:pointer;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0000004d;z-index:10}.quick-item:hover .delete-btn{display:flex}.add-input-wrapper{padding:0!important;overflow:hidden;min-width:120px}.inline-add-input{width:100%;height:100%;background:transparent;border:none;outline:none;padding:6px 10px;font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase}.dark-theme .inline-add-input{color:#fff}.quick-item.add-btn{display:flex;align-items:center;justify-content:center;background:#fff0;border:1px dashed var(--glass-border);color:var(--text-secondary)}.quick-item.add-btn:hover{background:#00000008;border-color:var(--accent);color:var(--text-primary)}.script-textarea{width:100%;height:100%;border:none;background:#fff0;font-family:Courier New,Courier Prime,Courier,monospace;font-size:12pt;line-height:1.5;color:var(--paper-text);resize:none;outline:none;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;min-height:900px}.assistant-header{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--glass-border)}.chat-area{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.msg{padding:12px 16px;border-radius:12px;font-size:.9rem;max-width:85%;line-height:1.5}.msg.ai{background:#dc26261a;border:1px solid rgba(220,38,38,.3);align-self:flex-start}.msg.user{background:var(--accent);color:#fff;align-self:flex-end}.chat-input-area{padding:20px;border-top:1px solid var(--glass-border)}.input-wrapper{display:flex;padding:8px 12px;gap:8px}.input-wrapper input{flex:1;background:#fff0;border:none;color:#fff;outline:none}.api-key-wrapper{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px;background:#ffffff08}.blocks-container{display:flex;flex-direction:column;padding-bottom:200px}.script-block-wrapper{position:relative;width:100%;margin:0;padding:0;transition:background .2s ease;display:flex;flex-direction:column}.script-block-wrapper:hover{background:#fff0}.script-block-wrapper.selected{background:#0000000a!important}.block-editor{border-left:1.5pt solid transparent;padding-left:4pt}.script-block-wrapper.active .block-editor{border-left-color:#94a3b8}.light-theme .script-block-wrapper.active .block-editor{border-left-color:#64748b}.script-block-wrapper.selected .block-editor{border-left-color:#cbd5e1}.wp-block-toolbar{position:absolute;top:-48px;left:0;display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;padding:0;z-index:1000;opacity:0;transition:none;pointer-events:none}.script-block-wrapper.active .wp-block-toolbar{opacity:1;pointer-events:auto}.dark-theme .wp-block-toolbar{background:#1e1e1e;border-color:#333;box-shadow:0 8px 24px #0006}.toolbar-section{display:flex;align-items:center;position:relative}.toolbar-btn{background:transparent;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#1e293b;cursor:pointer;transition:background .2s}.dark-theme .toolbar-btn{color:#e2e8f0}.toolbar-btn:hover{background:#0000000d}.dark-theme .toolbar-btn:hover{background:#ffffff1a}.toolbar-btn.active{background:#1e293b!important;color:#fff!important}.dark-theme .toolbar-btn.active{background:#fff!important;color:#1e293b!important}.transform-btn{width:44px}.toolbar-divider{width:1px;height:24px;background:#e2e8f0;margin:0 4px}.dark-theme .toolbar-divider{background:#333}.wp-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 10px 40px #0003;min-width:200px;z-index:1001;padding:8px 0;animation:dropdownFadeIn .2s ease}.dark-theme .wp-dropdown-menu{background:#1e1e1e;border-color:#333}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.menu-header{font-size:10px;font-weight:700;color:#94a3b8;padding:4px 16px 8px;text-transform:uppercase;letter-spacing:1px}.wp-dropdown-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;font-family:var(--font-ui);font-size:.9rem;color:#1e293b;cursor:pointer;text-align:left;transition:background .2s}.dark-theme .wp-dropdown-menu button{color:#e2e8f0}.wp-dropdown-menu button:hover{background:#f1f5f9}.dark-theme .wp-dropdown-menu button:hover{background:#2d2d2d}.wp-dropdown-menu button svg{color:#64748b}.delete-option{color:#ef4444!important}.delete-option:hover{background:#fef2f2!important}.dark-theme .delete-option:hover{background:#ef44441a!important}.block-selector-overlay{position:absolute;right:-40px;top:0;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.script-block-wrapper:hover .block-selector-overlay{opacity:1}.wp-block-toolbar.hidden{opacity:0;visibility:hidden;pointer-events:none}.block-selector-overlay button{width:24px;height:24px;font-size:10px;border-radius:50%;background:var(--border-color);border:none;color:var(--text-primary);cursor:pointer}.block-selector-overlay button:hover{background:var(--accent-red);color:#fff}.block-editor{width:100%;background:#fff0;border:none;outline:none;font-family:Courier New,Courier,monospace;font-size:12pt;line-height:12pt;color:#1c1917;padding:0;margin:0;resize:none;overflow:hidden;display:block;min-height:12pt;white-space:pre-wrap;word-break:break-word}.block-editor[contenteditable]:empty:before{content:"...";color:#a1a1aa;cursor:text;opacity:.5}.character .block-editor[contenteditable]:empty:before{content:"TÊN NHÂN VẬT"}.scene .block-editor[contenteditable]:empty:before{content:"INT/EXT. ĐỊA ĐIỂM - THỜI GIAN"}.dialogue .block-editor[contenteditable]:empty:before{content:"Lời thoại..."}.parenthetical .block-editor[contenteditable]:empty:before{content:"(sắc thái)"}.action .block-editor[contenteditable]:empty:before{content:"Mô tả hành động, bối cảnh..."}.transition .block-editor[contenteditable]:empty:before{content:"CHUYỂN CẢNH (VD: CUT TO:)"}.script-block-wrapper.scene{margin-top:24pt;margin-bottom:6pt}.script-block-wrapper.scene .block-editor{font-weight:700;text-transform:uppercase}.script-block-wrapper.action{margin-bottom:12pt}.script-block-wrapper.character{margin-top:12pt;padding-left:2.2in}.script-block-wrapper.character .block-editor{font-weight:700;text-transform:uppercase;text-align:left}.script-block-wrapper.parenthetical{padding-left:1.6in;padding-right:2in;margin-top:-2pt}.script-block-wrapper.parenthetical .block-editor{font-style:italic;text-align:left}.script-block-wrapper.dialogue{padding-left:1in;padding-right:1.5in;margin-bottom:12pt}.script-block-wrapper.dialogue .block-editor{text-align:left}.script-block-wrapper.transition{margin-top:18pt;margin-bottom:18pt;text-align:right}.script-block-wrapper.transition .block-editor{text-align:right;font-weight:700;text-transform:uppercase}.add-block-footer{display:flex;justify-content:center;margin-top:2rem}.add-block-footer button{display:flex;align-items:center;gap:8px;background:rgba(var(--accent-rgb),.1);border:1px dashed var(--accent-red);color:var(--accent-red);padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-block-footer button:hover{background:var(--accent-red);color:#fff}@media print{.block-controls,.block-selector-overlay,.add-block-footer,.toolbar-left,.toolbar-right{display:none!important}.script-page{padding:0;box-shadow:none;width:100%;height:auto}}.api-key-wrapper input{flex:1;background:#fff0;border:none;font-size:.8rem;color:var(--text-secondary);outline:none}.icon-dim{color:var(--text-secondary);opacity:.5}.typing-indicator{font-size:.8rem;color:var(--accent);font-style:italic;padding:8px 16px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.btn-send{background:var(--accent);border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.btn-send:hover{transform:scale(1.05)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.login-screen{background:var(--bg-main);display:flex;align-items:center;justify-content:center;z-index:9999}.login-card{width:400px;padding:40px;text-align:center;border:1px solid var(--glass-border)}.logo-badge{width:64px;height:64px;background:#dc26261a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.login-features{margin:30px 0;display:flex;flex-direction:column;gap:15px}.feature-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.feature-item span{text-align:left}.btn-google-login{width:100%;padding:14px;background:#fff;color:#1a1a1a;border-radius:8px;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.btn-google-login:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.login-footer{margin-top:20px;font-size:.75rem;color:var(--text-dim);line-height:1.5}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);color:var(--accent);font-weight:600}.user-profile{display:flex;align-items:center;gap:12px;background:#00000008;padding:4px 12px;border-radius:20px;margin-right:15px;border:1px solid rgba(0,0,0,.08)}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent)}.btn-logout{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-secondary);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-logout:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 10px #dc26264d}.user-name{font-size:.85rem;color:var(--text-primary);font-weight:600}.modal-content{width:100%;max-width:450px;padding:32px;display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid var(--glass-border);box-shadow:0 10px 30px #0000001a;border-radius:16px}.modal-content h3{font-family:inherit;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.modal-form{display:flex;flex-direction:column;gap:12px}.tech-input{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fcfaf5;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;transition:all .2s}.tech-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #dc26261a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.sub-switcher{display:flex;background:#0000000a;padding:4px;border-radius:12px;gap:2px;margin-left:0;border:1px solid rgba(0,0,0,.05);align-items:center}.sub-switcher button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:9px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sub-switcher button.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #00000014;transform:none}.dark-theme .sub-switcher{background:#ffffff0d;border-color:#ffffff0d}.dark-theme .sub-switcher button.active{background:var(--accent);color:#fff}.sub-switcher button.active svg{color:inherit}.sub-switcher button:hover:not(.active){background:#00000008;color:var(--text-primary)}.sidebar-tabs{display:flex;padding:8px;gap:4px;background:#0000000d;margin:12px;border-radius:12px}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;border:none;background:#fff0;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .1s,color .1s,box-shadow .1s,transform .1s}.sidebar-tab.active{background:var(--paper-bg);color:var(--text-primary);box-shadow:0 4px 10px #0000000d}.dark-theme .sidebar-tab.active{background:var(--switcher-active);color:#fff}.sidebar-tab:hover:not(.active){background:#00000008;color:var(--text-primary)}.sidebar-action-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-weight:600;font-size:.9rem;width:100%;cursor:pointer;transition:all .2s;text-align:left}.sidebar-action-btn:hover{border-color:var(--accent);background:var(--hover-bg);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.sidebar-action-btn svg{color:var(--accent)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-main);border-bottom:1px solid var(--glass-border);min-height:56px;z-index:50}.view-context-label{font-weight:700;letter-spacing:.05em;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-family:var(--font-ui);opacity:.8}.header-actions{display:flex;align-items:center;gap:16px}.history-controls{display:flex;gap:4px}.history-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.history-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.export-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#fff0;border:none;border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.export-item:hover{background:#dc26261a;color:var(--accent)}.reset-btn{background:#dc26260d!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.1)!important}.reset-btn:hover{background:#dc26261a!important;border-color:#dc2626!important;transform:translateY(-1px)}.section-header-flex{display:flex;align-items:center;justify-content:space-between;padding-right:12px}.reset-mini-btn{background:#fff0;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.reset-mini-btn:hover{background:#dc26261a;color:var(--accent)}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000073!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10000!important;padding:20px}.modal-content.glass-card{background:var(--bg-modal)!important;border:1px solid var(--glass-border);border-radius:20px;padding:32px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080;color:var(--text-primary)!important;display:flex;flex-direction:column;gap:24px}.modal-content h3{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-primary)!important;text-align:center;letter-spacing:-.01em}.modal-form{display:flex;flex-direction:column}.tech-input{width:100%;padding:14px 18px;background:var(--bg-main);border:2px solid var(--glass-border);border-radius:12px;color:var(--text-primary)!important;font-family:var(--font-ui);font-size:1rem;transition:all .2s;outline:none}.tech-input::placeholder{color:var(--text-dim);opacity:.7}.tech-input:focus{border-color:#64748b;box-shadow:0 0 0 4px #64748b26;background:var(--paper-bg)}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1;padding:14px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-ui);font-size:.95rem}.modal-actions .btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:0 4px 12px #dc262633}.modal-actions .btn-primary:hover{background:var(--accent-hov);transform:translateY(-1px);box-shadow:0 6px 15px #dc26264d}.modal-actions .btn-secondary{background:var(--glass-bg);color:var(--text-secondary)!important;border:1px solid var(--glass-border)}.modal-actions .btn-secondary:hover{background:#0000000d;color:var(--text-primary)!important}@keyframes modalFadeIn{0%{opacity:1}to{opacity:1}}.sync-indicator{position:fixed;bottom:24px;right:24px;padding:10px 18px;border-radius:50px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);font-size:.85rem;display:flex;align-items:center;gap:12px;z-index:10000;box-shadow:0 10px 25px #0003;color:var(--text-primary)}.sync-indicator.syncing{border-color:var(--accent)}.sync-indicator.synced{color:#10b981;border-color:#10b9814d}.sync-indicator.error{color:#ef4444;border-color:#ef44444d}.spin{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.user-profile-mini{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 2px;background:#ffffff14;border-radius:50px;border:1px solid var(--glass-border);transition:all .2s ease;cursor:default}.user-profile-mini:hover{background:#ffffff1f;border-color:var(--accent)}.user-profile-mini img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.user-name-text{font-size:.7rem;font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.footer-actions-group{display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start}.footer-mini-btn.logout{color:var(--text-secondary)}.footer-mini-btn.logout:hover{background:#ef444426;color:#fb7185;border-color:#ef44444d}.sidebar-left.collapsed .user-profile-mini{padding:2px;margin-right:0}.danger-hover:hover{border-color:#ef4444!important;color:#ef4444!important;background:#ef44440d!important}.sidebar-auth-section{padding:12px;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:12px;margin-bottom:8px;flex-shrink:0}.user-email-header{font-size:.75rem;color:var(--text-dim);font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 4px}.auth-buttons-row{display:flex;gap:8px}.auth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--glass-border)}.auth-btn.login-primary{background:#0000000d;color:var(--text-primary);border:1px solid var(--glass-border)}.auth-btn.login-dimmed{background:#0000000d;color:var(--text-dim);cursor:default}.auth-btn.logout-danger{background:#fff0;color:var(--text-dim)}.sync-btn.synced{border-color:#10b981;background:#10b9810d}.sync-mini-status.synced{color:#10b981}.sync-mini-status.error{color:#ef4444}.sync-btn-minimal{background:#00000005;border:1px solid var(--glass-border);border-radius:8px;display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;cursor:pointer;color:var(--text-secondary);font-family:var(--font-ui)}.sync-btn-minimal.success{border-color:#10b9814d;background:#10b9810d;color:#10b981}.sync-btn-minimal.locked{opacity:.7;background:#00000008;border-style:dashed}.dark-theme .sync-btn-minimal.locked{background:#ffffff08}.sync-btn-minimal.locked:hover{background:var(--hover-bg);border-color:var(--text-dim)}.dark-theme .sync-btn-minimal.locked{opacity:.9!important;background:#ffffff14;border-color:#ffffff26}.dark-theme .sync-btn-minimal.locked .icon-dim{color:#f1f5f9;opacity:.9}.dark-theme .sync-btn-minimal.locked span{color:#f1f5f9!important}.icon-accent{color:var(--accent)}.add-block-footer{width:100%;display:flex;justify-content:center;padding:40px 0 100px;background:#fff0}.add-block-footer button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--paper-bg);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-primary);font-family:var(--font-ui);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000000d}.add-block-footer button svg{color:var(--accent)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin:40px auto;width:fit-content;z-index:1000;box-shadow:0 10px 30px #0000001a}.page-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff0;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-ui);font-weight:600;font-size:.85rem;cursor:pointer}.page-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-link.nav{width:auto;padding:0 12px;border-radius:20px}.pagination-info{font-family:var(--font-ui);font-size:.8rem;color:var(--text-dim);margin:0 12px;font-style:italic}@media screen and (max-width: 1024px){.app-container .main-layout-area{grid-template-columns:1fr!important;position:relative}.sidebar-left,.sidebar-right{position:absolute;top:0;bottom:0;z-index:1500}.sidebar-left{left:0;transform:translate(-100%)}.sidebar-right{right:0;transform:translate(100%)}.sidebar-left-visible .sidebar-left,.sidebar-right-visible .sidebar-right{transform:translate(0)}.sidebar-left-visible .main-editor,.sidebar-right-visible .main-editor{opacity:.3;pointer-events:none;filter:blur(4px)}.script-page{width:95%!important;min-width:unset!important;padding:.5in .5in .5in .7in!important;margin:10px auto}.editor-container{padding:20px 10px!important}}@media screen and (max-width: 768px){.sidebar-left,.sidebar-right{width:85%}.project-name-display{max-width:120px}}.hamburger-btn svg,.gear-btn svg{transition:transform .3s ease}.sidebar-left-visible .hamburger-btn svg{transform:rotate(90deg);color:var(--accent)}.sidebar-right-visible .gear-btn svg{transform:rotate(90deg);color:var(--accent)}.column-label-input{background:transparent;border:none;border-bottom:1px solid transparent;color:inherit;font-family:inherit;font-size:.9rem;padding:2px 4px;width:100%;margin-left:8px;cursor:text;transition:all .2s}.column-label-input:focus{outline:none;border-bottom-color:var(--accent);background:#ffffff0d}.column-label-input:hover{background:#ffffff08}.icon-interactive{cursor:pointer;transition:transform .2s,color .2s;color:var(--text-secondary)}.icon-interactive:hover{transform:scale(1.2);color:var(--accent)}.header-mini-btn{background:transparent;border:none;color:var(--text-dim);padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.6;transition:all .2s}.header-mini-btn:hover{opacity:1;background:#ffffff1a;color:var(--accent)}.header-trash-btn.ml-1{margin-left:4px}.mobile-sidebar-tabs{display:none!important}.sidebar-left *,.sidebar-right *,.modal-overlay *{transition:none!important;animation:none!important;transform:none!important;box-shadow:none!important}.sidebar-action-btn:hover,.sync-btn-minimal:hover,.auth-btn:hover,.element-item:hover,.footer-mini-btn:hover,.page-link:hover{background:inherit!important;border-color:inherit!important;color:inherit!important}.sidebar-action-btn.primary:hover{background:var(--accent)!important;color:#fff!important}.sidebar-action-btn.secondary:hover{background:var(--glass-bg)!important}.sidebar-action-btn.danger-hover:hover{background:#ef44441a!important;color:#ef4444!important;border-color:#ef44444d!important}.auth-btn.login-primary:hover{background:#0000000d!important}.auth-btn.logout-danger:hover{background:transparent!important;color:var(--text-dim)!important}.sync-btn-minimal:hover,.element-item:hover{background:#00000005!important}.modal-content,.modal-btn,.modal-close-btn,.modal-btn *{transition:none!important;transform:none!important;animation:none!important}.scene-nav-list-vertical{display:flex;flex-direction:column;gap:8px;overflow:visible;padding:8px 6px;width:100%}.nav-item-scene-vertical{display:flex;align-items:flex-start;gap:10px;font-size:.75rem;padding:8px 12px;background:#00000008;border-radius:8px;cursor:pointer;white-space:normal;word-break:break-word;color:var(--text-primary);transition:all .2s;border:1px solid transparent;font-family:var(--font-ui);font-weight:500;width:100%;line-height:1.4;position:relative}.nav-item-scene-vertical:hover{background:#0000000d;border-color:#0000001a}.empty-nav-msg{font-size:.7rem;color:var(--text-dim);padding:8px;font-style:italic;text-align:center}.nav-guidance{font-size:.65rem;color:var(--text-dim);padding:0 12px 6px;font-style:italic;opacity:.8}.dark-theme .nav-item-scene-vertical{background:#ffffff0d}.dark-theme .nav-item-scene-vertical:hover{background:#ffffff1a}.delete-scene-btn{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:none;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0000004d;z-index:10;cursor:pointer}.nav-item-scene-vertical:hover .delete-scene-btn{display:flex}.delete-scene-btn:hover{background:#dc2626;transform:scale(1.1)}.opacity-0{opacity:0}.group-hover\:opacity-100:hover .opacity-0,.group:hover .group-hover\:opacity-100{opacity:1}.quick-insert-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;z-index:5000;background:var(--bg-modal);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 12px 48px #00000040;padding:12px;width:300px;animation:none}.quick-insert-menu.fixed-pos{margin-top:0;transform:none}@keyframes qi-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-insert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-insert-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.quick-insert-item:hover{background:#0000000d;border-color:#0000001a;transform:translateY(-1px)}.quick-insert-item span{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.qi-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#1a1a1a;background:#0000000a;border:1px solid rgba(0,0,0,.05);transition:all .2s}.dark-theme .qi-icon{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.quick-insert-item:hover .qi-icon{background:#000;color:#fff;border-color:#000}.dark-theme .quick-insert-item:hover .qi-icon{background:#fff;color:#000;border-color:#fff}.dark-theme .quick-insert-menu{background:#1c1917;border-color:#332d2a}.char-autocomplete-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;box-shadow:0 10px 30px -10px #00000026;z-index:1000;min-width:160px;max-height:180px;overflow-y:auto;margin-top:6px;padding:2px}.suggestion-item{padding:6px 16px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;color:#444;cursor:pointer;text-align:center;text-transform:uppercase;transition:all .1s;border-radius:2px;letter-spacing:.05em;opacity:.7}.suggestion-item:hover,.suggestion-item.active{background:#f1f5f9;color:#000;opacity:1;transform:scale(1.02)}.dark-theme .char-autocomplete-dropdown{background:#1c1917;border-color:#ffffff1a;box-shadow:0 10px 40px #0006}.dark-theme .suggestion-item{color:#888}.dark-theme .suggestion-item:hover,.dark-theme .suggestion-item.active{background:#2d2a28;color:#fff}
