.add-novel-container{min-height:100vh;background:#141414;padding:80px 0 0;width:100%}.center-image-checkbox{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.9rem;cursor:pointer;user-select:none}.center-image-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#4CAF50;cursor:pointer}.size-help strong{color:#4caf50;font-weight:600}.add-novel-header{display:flex;align-items:center;gap:1rem;padding:2rem;background:#1a1a1a;border-bottom:1px solid #333}.back-btn{background:#333;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.back-btn:hover{background:#555}.add-novel-container h1{color:#fff;margin:0;font-size:2rem}.tab-navigation{display:flex;background:#1a1a1a;border-bottom:1px solid #333;padding:0 2rem;position:fixed;top:80px;left:0;right:0;z-index:999}.tab-btn{background:none;border:none;color:#888;padding:1rem;cursor:pointer;font-size:1rem;font-weight:500;border-bottom:3px solid transparent;transition:all .3s}.tab-btn:hover{color:#fff;background:#2a2a2a}.tab-btn.active{color:#e50914;border-bottom-color:#e50914;background:#2a2a2a}.sub-tab-navigation{display:flex;background:#252525;border-bottom:1px solid #444;padding:0 2rem;position:relative}.sub-tab-btn{background:none;border:none;color:#aaa;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;transition:all .3s}.sub-tab-btn:hover{color:#fff;background:#333}.sub-tab-btn.active{color:#e50914;border-bottom-color:#e50914;background:#333}.tab-content{padding:2rem;min-height:60vh;margin-top:60px}.form-section{width:100%;margin:0;background:#1a1a1a;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d}.form-section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem;border-bottom:2px solid #e50914;padding-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.character-tab{max-width:1200px;margin:0 auto}.character-tab-description{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:24px}.character-tab-description p{margin:0;color:#6c757d;font-size:14px;line-height:1.5}.character-card{border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px;background:#fff;box-shadow:0 2px 4px #0000001a}.character-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.character-preview{flex-shrink:0;border:1px solid #e9ecef;border-radius:8px;padding:8px;background:#f8f9fa}.character-basic-info{flex:1}.character-basic-info h5{margin:0 0 12px;color:#495057;font-size:16px;font-weight:600}.character-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.remove-character-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.expressions-section{border-top:1px solid #e9ecef;padding-top:20px}.expressions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.expressions-header h5{margin:0;color:#495057;font-size:16px;font-weight:600}.btn-add-expression{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-add-expression:hover{background:#218838}.empty-expressions{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;padding:16px;text-align:center;color:#6c757d;font-size:14px;font-style:italic}.expression-item{display:flex;gap:16px;align-items:flex-start;padding:16px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;background:#f8f9fa}.expression-preview{flex-shrink:0;border:1px solid #dee2e6;border-radius:6px;padding:4px;background:#fff}.expression-details{flex:1;display:flex;flex-direction:column;gap:8px}.expression-name-input,.expression-image-input,.expression-description-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s}.expression-name-input:focus,.expression-image-input:focus,.expression-description-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.expression-name-input{font-weight:500}.expression-actions{flex-shrink:0;display:flex;align-items:flex-start}.remove-expression-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.remove-expression-btn:hover{background:#c82333}.character-name-inputs{display:flex;gap:8px;margin-bottom:8px}.character-name-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s}.character-name-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.character-details-inputs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.character-detail-input{flex:1;min-width:120px;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s}.character-detail-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.character-details-inputs{flex-direction:column}.character-detail-input{min-width:auto}.copy-paste-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:24px}.copy-paste-section h4{margin:0 0 16px;color:#495057}.copy-paste-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.selection-controls{display:flex;align-items:center;gap:12px}.selection-count{color:#6c757d;font-size:14px;font-weight:500}.copy-paste-buttons{display:flex;gap:12px}.copy-paste-buttons button:disabled{opacity:.5;cursor:not-allowed}.character-card{position:relative;transition:all .2s ease}.character-card.selected{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.character-header{display:flex;gap:16px;align-items:flex-start}.character-selection{flex-shrink:0;padding-top:8px}.character-checkbox{width:18px;height:18px;cursor:pointer}.character-actions{display:flex;gap:8px;align-items:center}.copy-character-btn{background:#28a745;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.copy-character-btn:hover{background:#218838}.copy-character-btn:active{background:#1e7e34}.manual-entry-form{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.manual-entry-form h4{margin:0 0 20px;color:#333;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:5px;font-weight:500;color:#555}.form-input,.form-textarea{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-textarea{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:10px;justify-content:flex-end}.btn-add,.btn-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-add{background-color:#28a745;color:#fff}.btn-add:hover{background-color:#218838}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#545b62}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manual-entries-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333;font-size:20px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.modal-content{flex:1;overflow-y:auto;padding:20px}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.empty-state{text-align:center;color:#666;font-style:italic;padding:40px 20px}.manual-entries-list{display:flex;flex-direction:column;gap:15px}.manual-entry-item{border:1px solid #ddd;border-radius:6px;padding:15px;background:#fafafa}.entry-display{display:flex;justify-content:space-between;align-items:center}.entry-info{flex:1}.entry-text{display:flex;align-items:center;gap:10px;margin-bottom:5px}.manual-badge{background:#007bff;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500}.traditional-text{font-size:18px;font-weight:500;color:#333}.simplified-text{font-size:16px;color:#666;margin-left:10px}.entry-details{display:flex;gap:15px;font-size:14px}.entry-pinyin{color:#007bff;font-weight:500}.entry-meaning{color:#555}.entry-actions{display:flex;gap:8px}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.btn-edit{background-color:#007bff;color:#fff}.btn-edit:hover{background-color:#0056b3}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.btn-save{background-color:#28a745;color:#fff}.btn-save:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-secondary:hover{background-color:#545b62}.edit-form{width:100%}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1}.form-row .form-group.full-width{flex:none;width:100%}.edit-form .form-input,.edit-form .form-textarea{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px}.edit-form .form-textarea{resize:vertical;min-height:60px}.edit-form .form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.ending-tab{max-width:1200px;margin:0 auto;background:#1a1a1a;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d}.ending-header{margin-bottom:2rem}.ending-header h3{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;border-bottom:2px solid #e50914;padding-bottom:.5rem}.ending-header p{color:#ccc;margin:0;font-size:.9rem;line-height:1.4}.add-ending-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.add-ending-section h4{color:#e50914;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.ending-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.ending-form .form-group{flex:1;min-width:200px;margin-bottom:0}.ending-form .form-group label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.ending-form .form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.ending-form .form-group input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.ending-form .form-group input::placeholder{color:#888}.btn-add-ending{background:#e50914;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s;font-size:.9rem;height:fit-content;flex-shrink:0}.btn-add-ending:hover:not(:disabled){background:#f40612}.btn-add-ending:disabled{background:#666;cursor:not-allowed;opacity:.6}.endings-list h4{color:#e50914;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.no-endings-message{color:#888;font-style:italic;text-align:center;padding:2rem;background:#ffffff05;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.endings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.ending-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;transition:all .3s}.ending-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.ending-preview{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;min-height:120px;background:#1a1a1a;border-radius:6px;border:1px solid #333;overflow:hidden}.ending-media{border-radius:4px;border:1px solid #444;box-shadow:0 2px 8px #0000004d}.no-media-placeholder{color:#888;font-style:italic;font-size:.9rem;text-align:center;padding:1rem}.preview-error{background:#444;color:#ff6b6b;padding:.5rem;text-align:center;font-size:.8rem;border-radius:4px;margin-top:.5rem}.ending-controls{display:flex;flex-direction:column;gap:.75rem}.ending-name-input,.ending-url-input{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.ending-name-input:focus,.ending-url-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.ending-name-input::placeholder,.ending-url-input::placeholder{color:#888}.btn-remove-ending{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .3s;align-self:flex-end}.btn-remove-ending:hover{background:#c82333}.translation-tab{max-width:1200px;margin:0 auto;padding:1.25rem;background:#1a1a1a;border-radius:8px;box-shadow:0 4px 20px #0000004d;position:relative}.translation-header{margin-bottom:2rem;text-align:center}.translation-header h3{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.translation-description{color:#ccc;margin:0;font-size:1rem;line-height:1.5}.translation-stats{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem;background:#2a2a2a;border-radius:8px;border:1px solid #333}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{color:#ccc;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#e50914;font-size:1.5rem;font-weight:600}.translation-controls{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#2a2a2a;border-radius:8px;border:1px solid #333;flex-wrap:wrap}.translation-btn{background:#333;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.translation-btn:hover{background:#555;transform:translateY(-1px)}.translation-btn:active{transform:translateY(0)}.copy-template-btn{background:#007bff}.copy-template-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d}.preview-btn{background:#28a745}.preview-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d}.import-btn{background:#e50914}.import-btn:hover{background:#f40612;box-shadow:0 4px 8px #e509144d}.translation-preview{margin-bottom:2rem;padding:1.5rem;background:#2a2a2a;border-radius:8px;border:1px solid #333}.translation-preview h4{color:#fff;margin:0 0 1rem;font-size:1.3rem;font-weight:600}.preview-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.preview-item{padding:1rem;background:#1a1a1a;border-radius:6px;border:1px solid #333}.preview-dialogue,.preview-translation{margin-bottom:.5rem}.preview-dialogue strong,.preview-translation strong{color:#e50914;margin-right:.5rem}.preview-dialogue{color:#fff;font-size:1rem;line-height:1.5}.preview-translation{color:#ccc;font-size:.9rem;line-height:1.4;font-style:italic}.translation-input-section{margin-bottom:2rem}.translation-input-section label{display:block;color:#fff;font-weight:500;margin-bottom:.75rem;font-size:1rem}.translation-textarea{width:100%;min-height:400px;padding:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;font-size:.9rem;font-family:Courier New,monospace;line-height:1.5;resize:vertical;transition:border-color .3s}.translation-textarea:focus{outline:none;border-color:#e50914}.translation-textarea::placeholder{color:#888}.preview-list::-webkit-scrollbar,.translation-textarea::-webkit-scrollbar{width:8px}.preview-list::-webkit-scrollbar-track,.translation-textarea::-webkit-scrollbar-track{background:#1a1a1a}.preview-list::-webkit-scrollbar-thumb,.translation-textarea::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.preview-list::-webkit-scrollbar-thumb:hover,.translation-textarea::-webkit-scrollbar-thumb:hover{background:#777}@media(max-width:768px){.translation-tab{padding:1rem}.translation-controls{flex-direction:column;align-items:stretch}.translation-btn{text-align:center}.translation-stats{flex-direction:column;gap:1rem}.preview-list{max-height:300px}.translation-textarea{min-height:300px}}.random-scene-tab{padding:1.5rem}.random-scene-header{margin-bottom:2rem}.random-scene-header h3{margin:0 0 .5rem;color:#fff}.random-scene-header p{color:#ccc;margin:0}.random-scenes-list{display:flex;flex-direction:column;gap:2rem}.random-scenes-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.random-scenes-mode-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#1a1a2e;color:#e5e5e5;padding:1rem;border-radius:8px;margin-bottom:1rem}.mode-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:500}.mode-toggle input{width:18px;height:18px;cursor:pointer}.mode-hint{color:#b3b3b3;font-size:.9rem}.random-scenes-header-bar h4{margin:0;color:#fff}.btn-add-random-scene{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-add-random-scene:hover{background-color:#45a049}.no-random-scenes{padding:2rem;text-align:center;color:#999;background-color:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.random-scene-card{border:1px solid #333;border-radius:8px;padding:1.5rem;background-color:#1a1a1a}.random-scene-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.random-scene-header-main{display:flex;align-items:center;gap:1rem;flex:1}.random-scene-header-main h5{margin:0;color:#fff;font-size:1.1rem}.random-scene-name-input{padding:.4rem .6rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;min-width:200px}.random-scene-name-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.random-scene-actions{display:flex;gap:.5rem;align-items:center}.btn-toggle-random-scene{background:#6c757d;color:#fff;border:none;padding:.5rem .9rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.btn-toggle-random-scene:hover{background:#5a6268}.btn-move-scene-up,.btn-move-scene-down{background:#17a2b8;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:background .3s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-move-scene-up:hover:not(:disabled),.btn-move-scene-down:hover:not(:disabled){background:#138496}.btn-move-scene-up:disabled,.btn-move-scene-down:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-copy-scene{background:#17a2b8;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s;font-weight:500}.btn-copy-scene:hover{background:#138496}.btn-paste-scene{background:#6f42c1;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s;font-weight:500}.btn-paste-scene:hover{background:#5a359a}.btn-remove-random-scene{padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-remove-random-scene:hover{background-color:#da190b}.tags-section{margin-bottom:2rem;padding:1rem;background-color:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tags-header h6{margin:0;color:#000;font-size:1rem}.add-tag-btn{padding:.4rem .8rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.add-tag-btn:hover{background-color:#0b7dda}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background-color:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.9rem;font-weight:500}.remove-tag-btn{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-tag-btn:hover{background-color:#bbdefb}.no-tags-message{color:#999;font-style:italic;margin:.5rem 0 0}.all-tags-reference{margin-top:3rem;padding:1.5rem;background-color:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.all-tags-reference h4{margin:0 0 1rem;color:#fff}.tag-reference-item{display:inline-block;padding:.4rem .8rem;background-color:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:20px;font-size:.9rem;margin:.25rem}.background-row,.scene-images-section{margin-bottom:2rem}.expand-all-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:#444}.scene-settings-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.scene-settings-row{margin-bottom:2rem;padding:1rem;background-color:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.draw-once-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#fff;font-size:.95rem}.draw-once-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4CAF50}.draw-once-checkbox-label span{user-select:none}.mutually-exclusive-group-section{margin-bottom:2rem;padding:1rem;background-color:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.mutually-exclusive-group-header{margin-bottom:.75rem}.mutually-exclusive-group-header h6{margin:0 0 .5rem;color:#fff;font-size:1rem}.mutually-exclusive-group-description{margin:0;color:#ccc;font-size:.9rem;line-height:1.4}.mutually-exclusive-group-input{display:flex;align-items:center;gap:.5rem}.mutually-exclusive-group-input-field{flex:1;padding:.5rem;border:1px solid #444;border-radius:4px;font-size:.95rem;color:#fff;background-color:#2a2a2a}.mutually-exclusive-group-input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.clear-group-btn{background:#f44336;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.clear-group-btn:hover{background-color:#da190b}.group-members-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #444}.group-members-text{margin:0;color:#ccc;font-size:.9rem;font-style:italic}.scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-add-scene{background:#e50914;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s}.btn-add-scene:hover{background:#f40612}.scene-card{background:#2a2a2a;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid #333}.media-preview{margin-top:.5rem;border-radius:4px;overflow:hidden;border:1px solid #444}.preview-media{width:100%;max-width:300px;height:auto;max-height:200px;object-fit:cover;display:block}.preview-error{background:#444;color:#ff6b6b;padding:.5rem;text-align:center;font-size:.9rem;border-radius:4px}.compact-scene-inputs{display:flex;gap:1rem;align-items:flex-start}.compact-group{flex:1;margin-bottom:0}.compact-group:first-child{flex:0 0 200px}.compact-input{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.compact-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.compact-textarea{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.compact-textarea:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.background-url-input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.background-url-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.background-url-input::placeholder{color:#888}.inline-scene-inputs{display:flex;align-items:flex-start;gap:1rem;margin-top:1rem;margin-bottom:.5rem;flex-wrap:wrap}.scene-number-display{background:#e50914;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.9rem;min-width:80px;text-align:center;flex-shrink:0;height:fit-content;line-height:1.2}.inline-group{margin-bottom:0}.inline-input{width:200px;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;flex-shrink:0}.inline-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.inline-input::placeholder{color:#888}.speaker-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff;cursor:pointer;user-select:none}.speaker-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#e50914;cursor:pointer}.dialogue-pair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clickable-objects-checkbox{display:flex!important;align-items:center!important;gap:.5rem!important;color:#fff!important;font-weight:400!important;margin-bottom:0!important;font-size:.9rem!important}.dialogue-choices-section{margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.dialogue-choices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialogue-choices-header h5{margin:0;color:#fff;font-size:1rem;font-weight:600}.add-choice-to-dialogue-btn{padding:6px 12px;background:#2196f3;color:#fff;border:1px solid #2196F3;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.add-choice-to-dialogue-btn:hover{background:#1976d2;border-color:#1976d2}.add-dialogue-pair-after-pair{margin-top:1rem;padding-top:1rem;border-top:1px solid #333;display:flex;justify-content:center}.add-dialogue-pair-after-pair .add-dialogue-pair-btn{padding:8px 16px;background:#4caf50;color:#fff;border:1px solid #4CAF50;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.add-dialogue-pair-after-pair .add-dialogue-pair-btn:hover{background:#45a049;border-color:#45a049}.btn-delete{background:#dc3545;color:#fff;border:1px solid #dc3545;border-radius:4px;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s ease}.btn-delete:hover{background:#c82333;border-color:#bd2130}.clickable-objects-checkbox .tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#444;color:#aaa;font-size:12px;font-weight:700;cursor:help;flex-shrink:0}.scene-ending-selection{display:flex;align-items:center;gap:.5rem;flex:1;max-width:300px}.ending-label{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.ending-select{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:150px}.ending-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.scene-navigation-settings{display:flex;align-items:center;gap:.5rem}.navigation-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;cursor:pointer}.navigation-label input[type=checkbox]{margin:0}.scene-jump-settings{display:flex;align-items:center;gap:.5rem}.jump-label{color:#fff;font-size:.9rem;white-space:nowrap}.jump-input{width:80px;padding:.4rem .5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.jump-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.jump-input::placeholder{color:#888}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:2rem;background:#1a1a1a;border-top:1px solid #333;position:sticky;bottom:0}.form-actions .btn-primary,.form-actions .btn-secondary{padding:.75rem 2rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s;font-size:1rem}.form-actions .btn-primary{background:#e50914;color:#fff}.form-actions .btn-primary:hover{background:#f40612}.form-actions .btn-secondary{background:#6c757d;color:#fff}.form-actions .btn-secondary:hover{background:#5a6268}.form-actions .btn-firebase{background:#ff6b35;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s;font-size:1rem}.form-actions .btn-firebase:hover:not(:disabled){background:#ff5722}.form-actions .btn-firebase:disabled{background:#666;cursor:not-allowed;opacity:.6}.choice-variables-section{margin-top:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.choice-variables-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem}.choice-variables-header h5{margin:0;color:#fff;font-size:1rem}.add-choice-variable-btn{padding:.45rem .85rem;border:none;border-radius:6px;background:#17a2b8;color:#fff;cursor:pointer;font-weight:600;transition:background .2s ease}.add-choice-variable-btn:hover{background:#138496}.standardized-variable-assignment{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-bottom:.75rem;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px}.assignment-controls,.assignment-failure-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.assignment-probability-row{display:flex;gap:.35rem;align-items:center}.assignment-subtitle{color:#ccc;font-size:.85rem;font-weight:600}.assignment-probability-input,.assignment-variable-select,.assignment-operation-select,.assignment-value-input-field{background:#2f2f2f;color:#fff;border:1px solid #444;border-radius:6px;padding:.45rem .6rem;font-size:.9rem}.assignment-variable-select,.assignment-operation-select,.assignment-value-input-field{min-width:140px}.remove-assignment-btn{background:#c0392b;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background .2s ease}.remove-assignment-btn:hover{background:#a93226}.assignment-preview{color:#aaa;font-size:.85rem}.assignment-failure-section{padding-top:.35rem;border-top:1px dashed rgba(255,255,255,.1)}.position-input-group{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;min-width:180px}.position-input-group label{color:#ccc;font-size:.9rem;font-weight:500;white-space:nowrap;min-width:fit-content}.position-input{background:#333;border:1px solid #555;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem;width:100%}.position-unit{color:#999;font-size:.8rem;margin-left:.5rem}.position-input:disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.center-option-help{margin-top:.5rem;color:#999;font-size:.8rem;font-style:italic;line-height:1.4}.width-percent-container{margin-bottom:1rem}.width-percent-container label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.width-percent-slider{width:100%;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none;margin-bottom:.5rem}.width-percent-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.width-percent-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.width-slider-labels{display:flex;justify-content:space-between;color:#999;font-size:.8rem;margin-top:.25rem}.size-help{color:#999;font-size:.8rem;line-height:1.4}.validation-error{color:#f44336;font-size:.8rem;margin-top:.25rem;font-style:italic}.copy-to-scene-container{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.copy-to-scene-btn{background:#6f42c1;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .3s;flex-shrink:0}.copy-to-scene-btn:hover:not(:disabled){background:#5a32a3}.copy-to-scene-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.copy-target-scene-select{flex:1;min-width:200px;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.copy-target-scene-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.copy-target-scene-select option{background:#2a2a2a;color:#fff}.background-image-section{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.background-image-section h4{margin:0;color:#e50914;font-size:1.1rem;font-weight:600}.background-url-row{width:100%}.background-preview-row{width:100%;display:flex;justify-content:center}.background-image-controls{display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.background-image-input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.background-image-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.background-image-input::placeholder{color:#888}.background-image-preview{flex-shrink:0}.background-image-preview h5{display:none}.background-preview-image,.background-preview-video{border-radius:4px;border:1px solid #444;box-shadow:0 2px 8px #0000004d}.background-preview-video{background:#000}.preview-error{background:#444;color:#ff6b6b;padding:.5rem;text-align:center;font-size:.9rem;border-radius:4px;margin-top:.5rem}.enhanced-scene-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.enhanced-scene-preview h5{margin:0;color:#e50914;font-size:1rem;font-weight:600;text-align:center}.scene-preview-container{position:relative;width:320px;height:180px;border:2px solid #444;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 4px 12px #0006}.scene-preview-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.scene-preview-image,.scene-preview-video{width:100%;height:100%;object-fit:contain;object-position:center}.scene-preview-video{background:#000}.scene-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.scene-preview-sprite{position:absolute;z-index:2}.scene-preview-sprite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.character-sprite-item.speaker{opacity:1;border:2px solid #e50914;box-shadow:0 0 10px #e509144d}.character-sprite-item.non-speaker{opacity:.4;border:1px solid #444}.character-sprite-item.speaker .character-preview img{opacity:1}.character-sprite-item.non-speaker .character-preview img{opacity:.4}.inline-textarea{flex:1;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.inline-textarea:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.inline-textarea::placeholder{color:#888}.dialogue-section{margin-bottom:1rem}.dialogue-textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.dialogue-textarea:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.dialogue-textarea::placeholder{color:#888}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap;background:#1a1a1a;padding:1rem;border-bottom:1px solid #333;border-radius:6px;transition:all .3s ease}.scene-header.sticky-active{background:#2a2a2a;border-bottom:2px solid #007bff;box-shadow:0 4px 8px #007bff33}.scene-number-with-preview{display:flex;align-items:center;gap:.5rem}.scene-background-preview{width:32px;height:24px;object-fit:cover;border-radius:4px;border:1px solid #444;box-shadow:0 1px 3px #0000004d}.scene-header h4{color:#fff;margin:0;font-size:1.1rem}.scene-actions{display:flex;gap:.5rem;align-items:center}.scene-header-container{margin-bottom:1rem}.scene-header-sticky{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;background:#1a1a1a;padding:.75rem 1rem;border-bottom:1px solid #333;border-radius:6px;position:sticky;top:0;z-index:100;transition:all .3s ease}.scene-header-sticky.sticky-active{background:#2a2a2a;border-bottom:2px solid #007bff;box-shadow:0 4px 8px #007bff33}.scene-settings-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#1a1a1a;padding:1rem;border-radius:6px;border:1px solid #333}.scene-settings-row .scene-title-input,.scene-settings-row .ending-select,.scene-settings-row .jump-input{padding:.5rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;min-width:120px;flex:1}.scene-settings-row .scene-title-input:focus,.scene-settings-row .ending-select:focus,.scene-settings-row .jump-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.scene-settings-row .ending-select{min-width:140px}.scene-settings-row .jump-input{min-width:100px;max-width:120px}.scene-settings-row .navigation-label{display:flex;align-items:center;gap:.5rem;white-space:nowrap;margin:0;color:#fff}.btn-add-scene-below{background:#28a745;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.btn-add-scene-below:hover{background:#218838}.btn-remove-scene{background:#dc3545;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.btn-remove-scene:hover{background:#c82333}.btn-copy-scene{background:#007bff;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.btn-copy-scene:hover{background:#0056b3}.btn-paste-scene{background:#17a2b8;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.btn-paste-scene:hover{background:#138496}.character-background-row,.character-background-container{display:flex;gap:1rem;margin-top:1rem}.character-sprites-section{flex:1;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.character-sprites-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.empty-character-state{text-align:center;padding:2rem 1rem;color:#fff9;font-style:italic}.empty-character-state p{margin:0;font-size:.9rem}.character-sprites-section h4{margin:0 0 1rem;color:#e50914;font-size:1.1rem;font-weight:600}.character-sprite-item{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.character-preview{flex-shrink:0;width:60px;height:80px;background:#1a1a1a;border:1px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;align-self:center}.character-preview img{width:100%;height:100%;object-fit:contain}.character-controls{flex:1;display:flex;flex-direction:column;gap:1rem}.character-name-section,.character-details-section{display:flex;flex-direction:column;gap:.5rem}.character-name-section h4,.character-details-section h4{color:#e50914;margin:0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.character-name-inputs,.character-details-inputs{display:flex;gap:.5rem;flex-wrap:wrap}.character-name-input{flex:1;min-width:150px;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.character-name-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.character-name-input::placeholder{color:#888}.character-detail-input{flex:1;min-width:120px;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.character-detail-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.character-detail-input::placeholder{color:#888}.character-position-select{flex:0 0 100px;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.character-expression-select{flex:0 0 150px;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit}.character-expression-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.dialogue-characters-section{margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.dialogue-characters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialogue-characters-header h5{margin:0;color:#fff;font-size:1rem}.add-character-to-dialogue-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.add-character-to-dialogue-btn:hover{background:#218838}.dialogue-character-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#2a2a2a;border-radius:6px;margin-bottom:.75rem;border:1px solid #444}.character-selection{display:flex;align-items:center;gap:.75rem;flex:1}.character-select{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:200px}.character-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.character-preview{flex-shrink:0}.character-preview img{border-radius:4px;border:1px solid #555}.character-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.character-position-select{padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:80px}.character-position-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.speaker-checkbox{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap}.speaker-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#e50914}.remove-character-from-dialogue-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.remove-character-from-dialogue-btn:hover{background:#c82333}.clickable-dialogue-characters-section{margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.clickable-dialogue-characters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clickable-dialogue-characters-header h6{margin:0;color:#fff;font-size:.9rem}.add-character-to-clickable-dialogue-btn{background:#28a745;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.add-character-to-clickable-dialogue-btn:hover{background:#218838}.clickable-dialogue-character-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#2a2a2a;border-radius:6px;margin-bottom:.75rem;border:1px solid #444}.clickable-dialogue-character-item .character-selection{display:flex;align-items:center;gap:.5rem;flex:1}.clickable-dialogue-character-item .character-select{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.8rem;font-family:inherit;min-width:150px}.clickable-dialogue-character-item .character-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.clickable-dialogue-character-item .character-expression-select{padding:.4rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.8rem;font-family:inherit;min-width:120px}.clickable-dialogue-character-item .character-expression-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.clickable-dialogue-character-item .character-position-select{padding:.4rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.8rem;font-family:inherit;min-width:70px}.clickable-dialogue-character-item .character-position-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.clickable-dialogue-character-item .speaker-checkbox{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.8rem;cursor:pointer;white-space:nowrap}.clickable-dialogue-character-item .speaker-checkbox input[type=checkbox]{accent-color:#e50914}.clickable-dialogue-character-item .character-preview{flex-shrink:0}.clickable-dialogue-character-item .character-preview img{border-radius:4px;border:1px solid #555}.clickable-dialogue-character-item .character-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.remove-character-from-clickable-dialogue-btn{background:#dc3545;color:#fff;border:none;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:background-color .2s}.remove-character-from-clickable-dialogue-btn:hover{background:#c82333}.dialogue-variables-section{margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.dialogue-variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialogue-variables-header h5{margin:0;color:#fff;font-size:1rem}.add-variable-to-dialogue-btn{background:#17a2b8;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.add-variable-to-dialogue-btn:hover{background:#138496}.dialogue-variable-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#2a2a2a;border-radius:6px;margin-bottom:.75rem;border:1px solid #444}.variable-action-selection{display:flex;align-items:center;gap:.75rem;flex:1}.variable-select{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:200px}.variable-select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 2px #17a2b833}.variable-action-select{padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:120px}.variable-action-select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 2px #17a2b833}.variable-value-input{padding:.5rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;min-width:120px}.variable-actions-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem}.variable-action-controls-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.variable-action-input-group{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.variable-action-input-group label{font-size:.8rem;color:#ccc;font-weight:500;min-width:55px}.variable-action-input{padding:.4rem .6rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem;width:120px}.variable-action-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.add-variable-action-btn{padding:.4rem .8rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .3s}.add-variable-action-btn:hover{background:#218838}.remove-variable-action-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.remove-variable-action-btn:hover{background:#c82333}.variable-value-input:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 2px #17a2b833}.variable-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.remove-variable-from-dialogue-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.remove-variable-from-dialogue-btn:hover{background:#c82333}.remove-character-btn{background:#dc3545;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .3s}.remove-character-btn:hover{background:#c82333}.add-character-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .3s;width:100%}.add-character-btn:hover{background:#218838}.copy-characters-btn{background:#17a2b8;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .3s;white-space:nowrap}.copy-characters-btn:hover{background:#138496}.paste-characters-btn{background:#6f42c1;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .3s;white-space:nowrap}.paste-characters-btn:hover:not(:disabled){background:#5a359a}.paste-characters-btn:disabled{background:#6c757d;cursor:not-allowed}.conditional-dialogue-section{margin-top:1.5rem;padding:1rem;background:#1e1e1e;border-radius:8px;border:1px solid #333}.conditional-dialogue-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.conditional-dialogue-section .section-header h4{color:#fff;margin:0;font-size:1.1rem}.add-conditional-btn{background:#e50914;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.add-conditional-btn:hover{background:#b8070f}.conditional-dialogue-item{margin-bottom:1.5rem;padding:1rem;background:#2a2a2a;border-radius:6px;border:2px solid red}.conditional-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.conditional-label{color:#fff;font-weight:700;font-size:.9rem}.conditional-variable-select,.conditional-operator-select{padding:.4rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.85rem}.conditional-variable-select{width:140px}.conditional-operator-select{width:180px}.conditional-value-input{padding:.4rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.85rem;width:100px}.conditional-then{color:#fff;font-size:.9rem;font-weight:700}.conditional-variable-select:focus,.conditional-operator-select:focus,.conditional-value-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.remove-conditional-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.remove-conditional-btn:hover{background:#c82333}.conditional-controls{display:flex;gap:.25rem;align-items:center}.reorder-btn{background:#6c757d;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.reorder-btn:hover:not(:disabled){background:#5a6268}.reorder-btn:disabled{background:#495057;cursor:not-allowed;opacity:.5}.conditional-content{margin-top:1rem}.conditional-content .form-group{margin-bottom:1rem}.conditional-content .form-group:last-child{margin-bottom:0}.variable-value-input{flex:1;background:#333;color:#fff;border:1px solid #555;padding:.5rem;border-radius:4px;font-size:.9rem}.variable-value-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.variable-value-input::placeholder{color:#888}.remove-variable-assignment-btn{background:#dc2626;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:background .3s}.remove-variable-assignment-btn:hover{background:#b91c1c}.no-variable-assignments-message{color:#888;font-style:italic;text-align:center;padding:1rem;background:#ffffff0d;border-radius:4px;border:1px dashed rgba(255,255,255,.1);font-size:.9rem}.audio-player-section{margin-top:2rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.audio-player-section h4{color:#fff;margin:0 0 1rem;font-size:1.2rem;font-weight:500}.audio-controls{margin-bottom:1rem}.audio-controls audio{width:100%;max-width:400px;height:40px;background:#333;border-radius:4px}.audio-help-text{color:#888;font-size:.9rem;margin:0;line-height:1.4}.scenes-timing-section{margin-top:2rem}.scenes-timing-section h4{color:#fff;margin:0 0 1rem;font-size:1.2rem;font-weight:500}.timing-help-text{color:#888;font-size:.9rem;margin:0 0 1.5rem;padding:1rem;background:#ffffff05;border-radius:4px;border-left:3px solid #e50914}.scene-timing-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.scene-timing-header h5{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.scene-dialogue-preview{color:#888;font-size:.85rem;font-style:italic;margin-bottom:1rem;padding:.5rem;background:#0003;border-radius:4px;min-height:1.2rem}.timing-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.timing-display{display:flex;gap:2rem}.timing-item{display:flex;flex-direction:column;gap:.25rem}.timing-item label{color:#ccc;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-value{color:#fff;font-size:1.1rem;font-weight:600}.dialogue-pair-header{margin-bottom:.75rem}.pair-label{color:#ccc;font-size:.85rem;font-weight:500;display:block;margin-bottom:.25rem}.dialogue-preview{color:#888;font-size:.8rem;font-style:italic;padding:.25rem .5rem;background:#0000004d;border-radius:3px;min-height:1rem}.timing-options{display:flex;align-items:center;gap:1rem}.disable-music-checkbox{display:flex;align-items:center;gap:.5rem}.disable-music-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#e50914;cursor:pointer}.disable-music-checkbox label{color:#ccc;font-size:.9rem;font-weight:500;cursor:pointer;user-select:none}.disable-music-checkbox label:hover{color:#fff}.timing-buttons{display:flex;gap:.75rem}.btn-set-start,.btn-set-end{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s;min-width:100px}.btn-set-start{background:#28a745;color:#fff}.btn-set-start:hover{background:#218838;transform:translateY(-1px)}.btn-set-end{background:#dc3545;color:#fff}.btn-set-end:hover{background:#c82333;transform:translateY(-1px)}.dialogue-pairs-section{margin-bottom:1.5rem;padding:1rem;background:#252525;border-radius:6px;border:1px solid #555}.dialogue-pairs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialogue-pairs-header h5{color:#fff;margin:0;font-size:1rem}.add-dialogue-pair-btn{background:#4caf50;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s}.add-dialogue-pair-btn:hover{background:#45a049}.dialogue-pair-item{margin-bottom:1rem;padding:.8rem;background:#333;border-radius:4px;border:1px solid #666}.dialogue-pair-item:last-child{margin-bottom:0}.dialogue-pair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dialogue-pair-label{color:#4caf50;font-weight:700;font-size:.9rem}.remove-dialogue-pair-btn{background:#f44336;color:#fff;border:none;padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.8rem;transition:background .3s}.remove-dialogue-pair-btn:hover{background:#d32f2f}.clickable-dialogue-pair{margin-bottom:1rem;padding:.8rem;background:#333;border-radius:4px;border:1px solid #666}.clickable-dialogue-pair:last-child{margin-bottom:0}.clickable-dialogue-pair .dialogue-pair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.clickable-dialogue-pair .dialogue-pair-label{color:#4caf50;font-weight:700;font-size:.9rem}.clickable-dialogue-pair .remove-dialogue-pair-btn{background:#f44336;color:#fff;border:none;padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.8rem;transition:background .3s}.clickable-dialogue-pair .remove-dialogue-pair-btn:hover{background:#d32f2f}.add-dialogue-pair-container{margin-top:1rem;display:flex;gap:.5rem;align-items:center;justify-content:center}.add-dialogue-pair-container .add-dialogue-pair-btn{background:#4caf50;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s}.add-dialogue-pair-container .add-dialogue-pair-btn:hover{background:#45a049}.add-dialogue-pair-container .add-character-to-dialogue-btn{background:#2196f3;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s}.add-dialogue-pair-container .add-character-to-dialogue-btn:hover:not(:disabled){background:#1976d2}.add-dialogue-pair-container .add-character-to-dialogue-btn:disabled{background:#ccc;cursor:not-allowed}.load-grammar-btn{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .3s}.load-grammar-btn:hover:not(:disabled){background:#1976d2}.load-grammar-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.section-header-buttons{display:flex;gap:.5rem;align-items:center}.paste-image-btn{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.paste-image-btn:hover{background:#1976d2}.clear-copied-btn{background:#ff9800;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.clear-copied-btn:hover{background:#f57c00}.image-action-buttons{display:flex;gap:.5rem;margin-top:1rem}.copy-image-btn{background:#9c27b0;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.copy-image-btn:hover{background:#7b1fa2}.character-header-buttons{display:flex;gap:.5rem;align-items:center}.copy-character-config-btn{background:#9c27b0;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.copy-character-config-btn:hover:not(:disabled){background:#7b1fa2}.copy-character-config-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.paste-character-config-btn{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.paste-character-config-btn:hover:not(:disabled){background:#1976d2}.paste-character-config-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.clear-copied-character-btn{background:#ff9800;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.clear-copied-character-btn:hover{background:#f57c00}.scene-images-list{display:flex;flex-direction:column;gap:1rem}.scene-image-item{display:flex;gap:1rem;padding:1rem;background:#1e3a5f;border:2px solid #4a90e2;border-radius:6px}.scene-image-item.collapsed{align-items:center}.scene-image-item.collapsed .image-controls-collapsed{flex:1}.image-controls-collapsed{display:flex;align-items:center;justify-content:space-between;width:100%}.collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.collapsed-name{color:#fff;font-size:1rem;flex:1}.image-header-collapsed,.image-header-expanded{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.expand-toggle-btn,.collapse-toggle-btn{background:#4caf50;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s ease;white-space:nowrap}.expand-toggle-btn:hover,.collapse-toggle-btn:hover{background:#45a049}.image-preview{flex-shrink:0;width:120px;height:90px;background:#0f1f2e;border:1px solid #4a90e2;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.no-image-placeholder{color:#a0c4e8;font-size:.8rem;text-align:center}.image-controls{flex:1;display:flex;flex-direction:column;gap:1rem}.scene-image-controls-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem;align-items:end}.clickable-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.clickable-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.9rem;font-weight:500;cursor:pointer}.clickable-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#4CAF50}.clickable-url-input-group{display:flex;flex-direction:column;gap:.5rem;grid-column:1 / -1}.clickable-image-config-section{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.clickable-image-config-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clickable-image-config-section h5{color:#4caf50;margin:0;font-size:1rem;font-weight:600}.clickable-image-config-section h6{color:#81c784;margin:.5rem 0;font-size:.9rem;font-weight:500}.add-conditional-image-btn{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.add-conditional-image-btn:hover{background:#45a049}.conditional-image-set{margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.conditional-image-set:last-child{margin-bottom:0}.conditional-image-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.conditional-image-header h6{color:gold;margin:0;font-size:.95rem;font-weight:600}.conditional-image-header-main{display:flex;align-items:center;gap:1rem;flex:1}.allow-clickables-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#fff}.allow-clickables-checkbox input[type=checkbox]{cursor:pointer}.remove-conditional-image-btn{background:#f44336;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s}.remove-conditional-image-btn:hover{background:#d32f2f}.no-conditional-images{text-align:center;padding:2rem;color:#888;font-style:italic}.no-conditional-images p{margin:0}.conditional-display-subsection,.clickable-positioning-subsection,.clickable-dialogue-subsection{margin-bottom:1rem;padding:.75rem;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.navigation-option-subsection{margin-bottom:1rem}.navigation-single-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.navigation-heading{font-size:.95rem;font-weight:600;color:#fff;align-self:center;white-space:nowrap}.random-event-tags-section{margin-top:1rem}.conditional-display-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.conditional-display-header-row h6{margin:0;font-size:.95rem;font-weight:600;color:#fff}.conditional-display-header-row .condition-select{min-width:180px}.navigation-option-row{display:flex;gap:1rem;align-items:end}.navigation-input-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.navigation-input-group label{color:#ccc;font-size:.9rem;font-weight:500}.navigation-select,.navigation-input{background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#fff;padding:.5rem;font-size:.9rem;transition:border-color .2s}.navigation-select:focus{outline:none;border-color:#4caf50}.navigation-select option{background:#2a2a2a;color:#fff}.conditional-display-subsection:last-child,.clickable-positioning-subsection:last-child,.clickable-dialogue-subsection:last-child,.navigation-option-subsection:last-child{margin-bottom:0}.clickable-positioning-section{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.clickable-positioning-section h5{color:#4caf50;margin:0 0 1rem;font-size:1rem;font-weight:600}.clickable-position-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.input-with-label{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.input-with-label label{font-size:.85rem;color:#ccc;min-width:35px;font-weight:500}.clickable-position-row .url-input{flex:1;min-width:180px;max-width:220px}.clickable-position-row .position-input{width:60px}.name-input-group{display:flex;flex-direction:column;gap:.5rem}.name-input{background:#333;border:1px solid #555;color:#fff;padding:.6rem;border-radius:4px;font-size:.9rem;width:100%;transition:border-color .2s ease}.name-input:focus{outline:none;border-color:#4caf50}.name-input::placeholder{color:#888}.url-input-group{display:flex;flex-direction:column;gap:.5rem}.control-label{color:#ccc;font-size:.9rem;font-weight:500}.url-input{background:#333;border:1px solid #555;color:#fff;padding:.6rem;border-radius:4px;font-size:.9rem;width:100%;transition:border-color .2s ease}.url-input:focus{outline:none;border-color:#4caf50}.url-input::placeholder{color:#888}.position-group{display:flex;flex-direction:column;gap:.25rem}.position-group label{color:#ccc;font-size:.8rem;font-weight:500}.box-controls-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.inline-input-group{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.inline-input-group label{min-width:50px;font-size:.8rem;color:#ccc;font-weight:500}.position-input{background:#333;border:1px solid #555;color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.9rem;width:70px}.position-input:focus{outline:none;border-color:#4caf50}.color-input{background:#333;border:1px solid #555;color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.9rem;width:160px}.color-input:focus{outline:none;border-color:#4caf50}.color-input::placeholder{color:#888}.remove-image-btn{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease;align-self:flex-start}.remove-image-btn:hover{background:#d32f2f}.scene-image-conditions-section{margin-bottom:1rem}.scene-image-conditions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.conditions-label{color:#fff;font-size:1rem;font-weight:600}.add-condition-btn{padding:6px 12px;background:#2196f3;color:#fff;border:1px solid #2196F3;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.add-condition-btn:hover{background:#1976d2;border-color:#1976d2}.conditions-list{display:flex;flex-direction:column;gap:.75rem}.condition-item{border:1px solid #333;border-radius:6px;padding:1rem}.condition-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.condition-label{color:#fff;font-size:.9rem;font-weight:600}.remove-condition-btn{padding:4px 8px;background:#dc3545;color:#fff;border:1px solid #dc3545;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.remove-condition-btn:hover{background:#c82333;border-color:#bd2130}.scene-image-options-section{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.scene-image-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.options-label{color:#fff;font-size:1rem;font-weight:600}.add-option-btn{padding:6px 12px;background:#ff9800;color:#fff;border:1px solid #FF9800;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.add-option-btn:hover{background:#f57c00;border-color:#f57c00}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-item{border:1px solid #555;border-radius:6px;padding:1rem;background:#ffffff05}.option-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.option-label{color:#fff;font-size:.9rem;font-weight:600}.remove-option-btn{padding:4px 8px;background:#dc3545;color:#fff;border:1px solid #dc3545;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.remove-option-btn:hover{background:#c82333;border-color:#bd2130}.conditional-choices-section{margin-top:1.5rem;padding:1rem;background:#1a1a1a;border-radius:6px;border:1px solid #333}.conditional-choices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.conditional-choices-header h5{color:#fff;margin:0;font-size:1rem;font-weight:600}.add-conditional-choice-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.add-conditional-choice-btn:hover{background:#218838}.conditional-choice-item{margin-bottom:1rem;padding:1rem;background:#2a2a2a;border-radius:6px;border:1px solid #444}.choice-basic-fields-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.choice-field-group{flex:1;min-width:120px}.choice-navigation-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.choice-navigation-field{flex:1;min-width:150px}.choice-navigation-field label{display:block;color:#fff;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.conditional-choice-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.conditional-choice-text-input,.conditional-choice-pinyin-input,.conditional-choice-meaning-input,.conditional-choice-image-url-input{padding:.4rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.85rem;flex:1;min-width:120px}.conditional-choice-target-select,.conditional-choice-navigation-type-select,.conditional-choice-target-scene-select{padding:.4rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.85rem;min-width:150px}.conditional-choice-text-input:focus,.conditional-choice-pinyin-input:focus,.conditional-choice-meaning-input:focus,.conditional-choice-image-url-input:focus,.conditional-choice-target-select:focus,.conditional-choice-navigation-type-select:focus,.conditional-choice-target-scene-select:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.random-event-tags-selector{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-top:.5rem}.random-event-tags-selector label{color:#ccc;font-size:.9rem;font-weight:500}.no-tags-warning{color:#ff9800;font-size:.85rem;font-style:italic;padding:.5rem;background:#ff98001a;border-radius:4px;border:1px solid rgba(255,152,0,.3)}.tags-checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:4px}.tag-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.85rem;cursor:pointer;padding:.4rem;border-radius:4px;transition:background-color .2s}.tag-checkbox-label:hover{background:#ffffff1a}.tag-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#4CAF50}.remove-conditional-choice-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.remove-conditional-choice-btn:hover{background:#c82333}.conditional-choice-variables{margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.variables-header span{color:#fff;font-size:.9rem;font-weight:500}.add-conditional-variable-btn{background:#17a2b8;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s}.add-conditional-variable-btn:hover{background:#138496}.conditional-variable-assignment{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.conditional-variable-select,.conditional-operation-select{padding:.3rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.8rem}.conditional-variable-select{width:120px}.conditional-operation-select{width:100px}.conditional-variable-value-input{padding:.3rem;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:.8rem;width:80px}.conditional-variable-select:focus,.conditional-operation-select:focus,.conditional-variable-value-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091433}.remove-conditional-variable-btn{background:#dc3545;color:#fff;border:none;padding:.3rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s}.remove-conditional-variable-btn:hover{background:#c82333}.no-conditional-choices{color:#888;font-style:italic;text-align:center;padding:1rem;background:#1a1a1a;border-radius:4px;border:1px dashed #444}.condition-controls-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.condition-input-group{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;min-width:200px}.condition-input-group label{color:#ccc;font-size:.9rem;font-weight:500;white-space:nowrap;min-width:fit-content}.condition-select{background:#333;border:1px solid #555;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem;width:100%}.condition-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.condition-input{background:#333;border:1px solid #555;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem;width:100%}.condition-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.condition-input::placeholder{color:#888}.scene-navigation-sidebar{position:sticky;top:80px;left:0;width:250px;height:calc(100vh - 80px);background:#1a1a1a;border-right:1px solid #333;overflow-y:auto;z-index:50;flex-shrink:0}.sidebar-header{padding:1rem;border-bottom:1px solid #333;background:#2a2a2a;display:flex;justify-content:space-between;align-items:center}.sidebar-header h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.sidebar-toggle{background:#e50914;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.sidebar-toggle:hover{background:#f40612}.sidebar-toggle{display:none}.scene-list{padding:.5rem}.scene-nav-item{display:flex;flex-direction:column;margin-bottom:.75rem;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s ease}.scene-nav-item:hover{background:#333;border-color:#e50914;transform:translateY(-1px);box-shadow:0 2px 8px #e5091433}.scene-nav-item.active{background:#e50914;border-color:#ff1e2d;transform:translateY(-1px);box-shadow:0 4px 12px #e5091466}.scene-nav-item.active .scene-number{color:#fff;font-weight:700}.scene-thumbnail{position:relative;width:100%;height:80px;background:#1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.scene-thumbnail img,.scene-thumbnail video{width:100%;height:100%;object-fit:contain}.video-thumbnail{position:relative;width:100%;height:100%}.video-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.play-icon{background:#e50914cc;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.no-thumbnail{color:#888;font-size:.8rem;font-style:italic;text-align:center;width:100%;height:100%;align-items:center;justify-content:center;background:#333;border:1px dashed #555}.scene-info{display:flex;flex-direction:row;align-items:center;gap:.25rem;white-space:nowrap;min-width:0}.scene-number{color:#fff;font-weight:600;font-size:.9rem;white-space:nowrap}.scene-navigation-sidebar .scene-number{background:transparent!important;border-radius:0!important;padding:0!important;width:auto!important;height:auto!important;display:inline!important}.scenes-tab-container{display:flex;gap:0;min-height:calc(100vh - 160px)}.scenes-content{flex:1;padding:2rem;background:#141414;overflow-y:auto}.scene-images-section{margin:1.5rem 0;padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px}.scene-images-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scene-images-section h4{color:#fff;margin:0;font-size:1.1rem}.add-image-btn{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.add-image-btn:hover{background:#45a049}.my-novels-container{min-height:100vh;background:#000;color:#fff;padding-top:80px}.display-mode-toggle{padding:1rem 4rem;background:#000;border-bottom:1px solid rgba(255,255,255,.1)}.my-novels-container.mobile .display-mode-toggle{padding:.75rem 1rem}.my-novels-container.mobile{padding-top:60px}.my-novels-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 4rem;background:#000;position:sticky;top:80px;z-index:100}.my-novels-container.mobile .my-novels-header{padding:1.25rem 1rem;top:60px}.view-mode-toggle{padding:1rem 4rem;background:#000;border-bottom:1px solid rgba(255,255,255,.1)}.my-novels-container.mobile .view-mode-toggle{padding:.75rem 1rem}.toggle-buttons{display:flex;gap:.5rem;justify-content:center}.toggle-btn{background:#ffffff1a;color:#e5e5e5;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.my-novels-container.mobile .toggle-btn{padding:.6rem 1rem;font-size:.8rem}.toggle-btn:hover{background:#fff3;color:#fff}.toggle-btn.active{background:#fff;color:#000;border-color:#fff}.toggle-btn.active:hover{background:#e6e6e6}.my-novels-header h1{font-size:1.8rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.5px}.back-btn{background:#ffffff1a;color:#e5e5e5;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-btn:hover{background:#fff3;color:#fff}.novel-count{color:#b3b3b3;font-size:.9rem;font-weight:400;display:flex;align-items:center;gap:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #e50914;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.error-container button{background:#e50914;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.error-container button:hover{background:#c82333}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h2{font-size:2rem;margin-bottom:1rem;color:#fff}.empty-state p{font-size:1.1rem;color:#ccc;margin-bottom:2rem;max-width:400px}.netflix-rows{padding:0 4rem 2rem;background:#000}.netflix-rows.mobile{padding:0 1rem 1.5rem}.netflix-row{margin-bottom:3rem}.netflix-row.mobile{margin-bottom:2rem}.row-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:#e5e5e5;padding-left:.5rem}.netflix-row.mobile .row-title{font-size:1.1rem;margin-bottom:.75rem;padding-left:.25rem}.row-content{position:relative}.row-slider{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.row-slider::-webkit-scrollbar{display:none}.netflix-row.mobile .row-slider{gap:.75rem;padding:.5rem 0;scroll-snap-type:x mandatory}.firebase-card{flex:0 0 auto;width:200px;cursor:pointer;transition:transform .3s ease,z-index .3s ease;position:relative;scroll-snap-align:start}.firebase-card:hover{transform:scale(1.1);z-index:10}.my-novels-container.mobile .firebase-card{width:140px;min-width:140px}@media(hover:none)and (pointer:coarse){.firebase-card:hover{transform:none}.firebase-card:active{transform:scale(.95)}}.firebase-card .card-image{width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:4px;background:#2f2f2f;position:relative}.firebase-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:brightness(.9) contrast(1.1) saturate(.95)}.firebase-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:4px}.firebase-card:hover .card-overlay{opacity:1}@media(hover:none)and (pointer:coarse){.firebase-card:active .card-overlay,.firebase-card.touched .card-overlay{opacity:1}}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;padding:.5rem}.card-action-btn{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.card-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:768px){.card-action-btn{width:40px;height:40px;font-size:1rem}.card-action-btn:active{transform:scale(.95);background:#fff6}}.card-action-btn.play-action{background:#e50914;width:44px;height:44px;font-size:1.1rem}.card-action-btn.play-action:hover{background:#f40612}@media(max-width:768px){.card-action-btn.play-action{width:48px;height:48px;font-size:1.2rem}}.card-action-btn.delete-action:hover{background:#dc3545cc}.card-badge{position:absolute;top:.5rem;left:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:5;backdrop-filter:blur(10px)}.card-badge.series-badge{background:#17a2b8e6}.card-badge.premium-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-count{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-align:center;z-index:5;backdrop-filter:blur(10px)}.card-endings{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background:#e50914e6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-align:center;z-index:5;backdrop-filter:blur(10px)}.card-title{margin-top:.5rem;font-size:.9rem;font-weight:500;color:#e5e5e5;text-align:center;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.my-novels-container.mobile .card-title{font-size:.8rem;margin-top:.4rem;-webkit-line-clamp:2}.novel-card{background:#1a1a1a;border-radius:8px;overflow:hidden;transition:all .3s ease;border:1px solid #333;position:relative}.novel-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#e50914}.series-card{border-color:#17a2b8}.series-card:hover{border-color:#17a2b8;box-shadow:0 10px 30px #17a2b84d}.series-label{position:absolute;top:.5rem;left:.5rem;background:#17a2b8;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10}.novel-image{position:relative;width:100%;height:300px;overflow:hidden}.novel-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:8px 8px 0 0}.novel-card:hover .novel-image img{transform:scale(1.05)}.novel-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.novel-card:hover .novel-overlay{opacity:1}.play-buttons-group{display:flex;gap:.75rem;align-items:center;justify-content:center}.play-btn{background:#e50914;color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:#c82333;transform:scale(1.1)}.quick-play-btn{background:#ff9800;width:50px;height:50px;font-size:1.2rem}.quick-play-btn:hover{background:#f57c00;transform:scale(1.1)}.series-btn{background:#17a2b8}.series-btn:hover{background:#138496;transform:scale(1.1)}.novel-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.action-btn{background:#000000b3;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#000000e6;transform:scale(1.1)}.edit-btn:hover{background:#007bff}.delete-btn:hover{background:#dc3545}.view-data-btn:hover{background:#17a2b8}.type-toggle-btn:hover{background:#5a6268}.type-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10}.type-badge.series{background:#e50914;color:#fff}.type-badge.individual{background:#28a745;color:#fff}.novel-details{padding:1rem;text-align:center}.novel-details h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.3;text-align:center}.endings-count{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem;font-size:.85rem;color:#ccc}.endings-explored{color:#e50914;font-weight:600;font-size:.9rem}.endings-total{color:#888;font-weight:500}.endings-label{color:#aaa;font-size:.8rem;margin-left:.25rem}.series-info{margin-top:.5rem}.series-count{color:#17a2b8;font-size:.85rem;font-weight:500}.refresh-btn{background:#ffffff1a;color:#e5e5e5;border:1px solid rgba(255,255,255,.2);padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#fff3;color:#fff;transform:rotate(180deg)}.novel-meta{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.firebase-badge{background:#ff6b35;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block;width:fit-content;margin:0 auto}.upload-date{color:#888;font-size:.8rem;text-align:center}.novel-inspired-above{background:#000000e6;padding:.5rem;text-align:center;margin-bottom:.5rem;border-radius:4px}.inspired-label{font-size:.7rem;color:#ccc;font-weight:600;display:block;margin-bottom:.25rem}.inspired-text{font-size:.8rem;color:#fff;font-style:italic;margin:0}.btn-primary{background:#e50914;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 5px 15px #e509144d}.series-management-modal{max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.series-management-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.series-management-modal .modal-header h2{margin:0;color:#fff;font-size:1.5rem}.series-management-modal .modal-body{padding:1.5rem}.current-novels-section,.add-novels-section{margin-bottom:2rem}.current-novels-section h3,.add-novels-section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.search-section{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;background:#333;border:1px solid #555;border-radius:6px;color:#fff;font-size:1rem}.search-input:focus{outline:none;border-color:#e50914}.search-btn{padding:.75rem 1.5rem;background:#e50914;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.search-btn:hover:not(:disabled){background:#f40612}.search-btn:disabled{background:#666;cursor:not-allowed}.novels-list{display:flex;flex-direction:column;gap:.75rem}.novel-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#222;border-radius:8px;border:1px solid #333}.novel-thumbnail{width:50px;height:70px;object-fit:cover;border-radius:4px}.novel-title{flex:1;color:#fff;font-weight:500}.add-btn,.remove-btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;min-width:40px}.add-btn{background:#28a745;color:#fff}.add-btn:hover:not(:disabled){background:#218838}.add-btn.disabled{background:#666;cursor:not-allowed}.remove-btn{background:#dc3545;color:#fff}.remove-btn:hover{background:#c82333}.no-novels,.no-results{color:#888;font-style:italic;text-align:center;padding:2rem}.search-results h4{color:#fff;margin-bottom:1rem;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #333;background:#1a1a1a}.novel-url{margin:.5rem 0;padding:.5rem;background:#1a1a1a;border-radius:4px;border:1px solid #333}.url-label{display:block;font-size:.8rem;color:#888;margin-bottom:.25rem;font-weight:500}.url-container{display:flex;align-items:center;gap:.5rem}.url-text{flex:1;font-size:.75rem;color:#4a9eff;font-family:Courier New,monospace;background:#0a0a0a;padding:.25rem .5rem;border-radius:3px;border:1px solid #333;word-break:break-all}.copy-url-btn{background:#4a9eff;color:#fff;border:none;padding:.25rem .5rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .2s ease;min-width:30px;height:24px;display:flex;align-items:center;justify-content:center}.copy-url-btn:hover{background:#3a8eef;transform:scale(1.05)}.copy-url-btn:active{transform:scale(.95)}@media(max-width:768px){.my-novels-container{padding-top:60px}.my-novels-header{padding:1.25rem 1rem;top:60px}.my-novels-header h1{font-size:1.4rem}.view-mode-toggle{padding:.75rem 1rem}.toggle-btn{padding:.6rem 1rem;font-size:.8rem}.netflix-rows{padding:0 1rem 1.5rem}.netflix-row{margin-bottom:2rem}.row-title{font-size:1.1rem;margin-bottom:.75rem}.row-slider{gap:.75rem}.firebase-card{width:140px;min-width:140px}.card-title{font-size:.8rem}}@media(max-width:480px){.my-novels-header{padding:1rem .75rem}.my-novels-header h1{font-size:1.2rem}.netflix-rows{padding:0 .75rem 1.25rem}.row-title{font-size:1rem}.firebase-card{width:120px;min-width:120px}.card-title{font-size:.75rem}}.list-view-container{padding:2rem 4rem}.my-novels-container.mobile .list-view-container{padding:1rem}.list-section{margin-bottom:3rem}.list-section:last-child{margin-bottom:0}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1.5rem;border-bottom:2px solid #e50914;padding-bottom:.5rem}.novels-list-view{display:flex;flex-direction:column;gap:1rem;padding:0}.novel-list-item{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:1rem}.novel-list-item:hover{background:#1a1a1a;border-color:#fff3;transform:translateY(-1px)}.novel-list-content{flex:1;min-width:0}.novel-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.novel-list-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novel-list-badge{background:#e50914;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.novel-list-description{color:#ccc;font-size:.9rem;line-height:1.4;margin:.5rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.novel-list-meta{display:flex;gap:1rem;font-size:.8rem;color:#888;flex-wrap:wrap}.novel-list-author,.novel-list-endings,.novel-list-count,.novel-list-date{color:#aaa}.novel-list-actions{display:flex;gap:.5rem;opacity:.7;transition:opacity .3s ease}.novel-list-item:hover .novel-list-actions{opacity:1}@media(max-width:768px){.novels-list-view{padding:0 1rem}.novel-list-item{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.novel-list-header{width:100%}.novel-list-title{font-size:1rem}.novel-list-description{-webkit-line-clamp:3}.novel-list-meta{gap:.75rem;font-size:.75rem}.novel-list-actions{width:100%;justify-content:flex-end;opacity:1}}.load-more-container{display:flex;justify-content:center;padding:2rem;background:#000}.load-more-btn{background:#e509141a;border:2px solid #e50914;color:#e50914;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.load-more-btn:hover:not(:disabled){background:#e5091433;transform:translateY(-2px);box-shadow:0 4px 12px #e509144d}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-btn:disabled:hover{background:#e509141a;transform:none;box-shadow:none}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.data-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;border:1px solid #333;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #333;background:#2a2a2a;border-radius:12px 12px 0 0}.modal-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:#dc3545;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#c82333;transform:scale(1.1)}.modal-tabs{display:flex;background:#2a2a2a;border-bottom:1px solid #333;padding:0 2rem}.tab-btn{background:none;color:#ccc;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#e50914;border-bottom-color:#e50914;background:#e509141a}.modal-content{flex:1;overflow-y:auto;padding:2rem;max-height:60vh}.data-section{margin-bottom:2rem}.data-section h3{color:#fff;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;border-bottom:2px solid #e50914;padding-bottom:.5rem}.data-section h4{color:#fff;margin:1rem 0 .5rem;font-size:1.1rem;font-weight:500}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.data-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#2a2a2a;border-radius:8px;border:1px solid #333}.data-item label{color:#e50914;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-item span{color:#fff;font-size:1rem;word-break:break-word}.data-id{font-family:Courier New,monospace;background:#333;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.data-source{background:#e50914;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;width:fit-content}.scenes-container{max-height:400px;overflow-y:auto;border:1px solid #333;border-radius:8px;background:#2a2a2a}.scene-item{padding:1rem;border-bottom:1px solid #333}.scene-item:last-child{border-bottom:none}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.scene-title{color:#e50914;font-weight:600;font-size:1rem}.scene-type{background:#333;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-transform:uppercase}.scene-character{color:gold;font-weight:500;margin-bottom:.5rem}.scene-text{color:#fff;line-height:1.5;margin-bottom:.5rem}.scene-choices{margin-top:.5rem;padding-left:1rem}.scene-choices strong{color:#e50914;display:block;margin-bottom:.5rem}.choice-item{color:#ccc;margin-bottom:.25rem;padding-left:1rem}.no-content{color:#888;font-style:italic;text-align:center;padding:2rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.image-preview{margin-top:.5rem}.image-preview img{max-width:200px;max-height:150px;border-radius:8px;border:1px solid #333}.json-preview{background:#1a1a1a;color:#fff;padding:1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto;margin:0;border:1px solid #333}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:#e50914;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.raw-data-container{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:auto;max-height:500px}.json-data{color:#fff;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #333;background:#2a2a2a;border-radius:0 0 12px 12px}.btn-primary{background:#e50914;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-primary:hover{background:#c82333;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.global-grammar-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.global-grammar-header{margin-bottom:2rem}.global-grammar-header .back-button{background:#dc2626cc;color:#fff;border:2px solid #dc2626;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-bottom:1rem;transition:all .3s ease}.global-grammar-header .back-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #dc262666}.global-grammar-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.global-grammar-header p{color:#ccc;font-size:1.1rem}.grammar-error-message{background:#dc262633;border:2px solid #dc2626;color:#ff6b6b;padding:1rem;border-radius:8px;margin-bottom:1rem}.grammar-success-message{background:#22c55e33;border:2px solid #22c55e;color:#4ade80;padding:1rem;border-radius:8px;margin-bottom:1rem}.grammar-form-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:3rem;backdrop-filter:blur(10px)}.grammar-form-container h2{margin-bottom:1.5rem;color:#fff;font-size:1.8rem}.grammar-form .form-group{margin-bottom:1.5rem}.grammar-form label{display:block;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:1rem}.grammar-input,.grammar-textarea{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.grammar-input:focus,.grammar-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.grammar-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn{background:#dc2626;color:#fff}.submit-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 8px #dc262666}.cancel-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#fff3;border-color:#ffffff4d}.grammar-list-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;backdrop-filter:blur(10px)}.grammar-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.grammar-list-header h2{color:#fff;font-size:1.8rem;margin:0}.refresh-btn{background:#3b82f6cc;color:#fff;border:2px solid #3b82f6;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#3b82f6;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.loading-message,.empty-message{text-align:center;padding:3rem;color:#ccc;font-size:1.2rem}.grammar-points-list{display:grid;gap:1.5rem}.grammar-point-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.grammar-point-card:hover{border-color:#dc262680;box-shadow:0 4px 12px #dc262633}.grammar-point-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.grammar-point-title{color:#dc2626;font-size:1.5rem;margin:0;flex:1}.grammar-point-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background:#3b82f64d;border-color:#3b82f6;transform:scale(1.1)}.delete-btn:hover{background:#dc26264d;border-color:#dc2626;transform:scale(1.1)}.grammar-point-body{color:#e5e5e5;line-height:1.6;margin-bottom:1rem}.grammar-point-body p{margin:.5rem 0}.grammar-point-footer{color:#999;font-size:.9rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.global-grammar-page{padding:1rem}.global-grammar-header h1{font-size:2rem}.grammar-form-container,.grammar-list-container{padding:1.5rem}.grammar-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.interactive-portrait-editor{padding:100px 20px 20px;max-width:800px;margin:0 auto;min-height:100vh;color:#fff}.editor-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}.editor-header h1{margin:0;color:#fff}.back-btn{padding:8px 16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;color:#fff;transition:background .3s}.back-btn:hover{background:#3a3a3a}.editor-content{background:#1a1a1a;border-radius:8px;box-shadow:0 2px 10px #0000004d;overflow:hidden}.editor-form{padding:30px}.form-section{margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{margin:0 0 20px;color:#fff;font-size:18px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#ccc}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #444;border-radius:4px;font-size:14px;background:#2a2a2a;color:#fff;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e50914}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group textarea{resize:vertical;min-height:80px}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.level-item{padding:15px;border:1px solid #444;border-radius:6px;background:#2a2a2a}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:10px;cursor:pointer;color:#ccc}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#e50914}.word-count-input{display:flex;align-items:center;gap:8px}.word-count-input input{flex:1;padding:8px;border:1px solid #444;border-radius:4px;font-size:14px;background:#333;color:#fff}.word-count-input input:disabled{background:#222;color:#666}.word-count-input span{font-size:14px;color:#ccc}.level-url-input{margin-top:8px}.level-url-input input{width:100%;padding:8px;border:1px solid #444;border-radius:4px;font-size:14px;background:#333;color:#fff}.level-url-input input:disabled{background:#222;color:#666}.endings-editor{display:grid;gap:20px}.ending-editor-item{padding:20px;border:1px solid #444;border-radius:6px;background:#2a2a2a}.ending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ending-header h4{margin:0;color:#fff;font-size:16px}.remove-ending-btn{background:transparent;border:none;color:#ff6b6b;cursor:pointer;font-size:16px;padding:4px}.remove-ending-btn:hover{color:#ff3b3b}.message{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-weight:500}.message.success{background:#1a4d1a;color:#90ee90;border:1px solid #2d5a2d}.message.error{background:#4d1a1a;color:#f99;border:1px solid #5a2d2d}.form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #333}.save-btn{padding:12px 24px;background:#e50914;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.save-btn:hover:not(:disabled){background:#f40612}.save-btn:disabled{background:#444;cursor:not-allowed;color:#888}.delete-btn{padding:12px 18px;background:#b71c1c;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.delete-btn:hover:not(:disabled){background:#a31616}@media(max-width:768px){.interactive-portrait-editor{padding:100px 10px 10px}.editor-header{flex-direction:column;align-items:flex-start;gap:10px}.editor-form{padding:20px}.levels-grid{grid-template-columns:1fr}.ending-header{flex-direction:column;align-items:flex-start;gap:10px}.form-actions{justify-content:center}}.portraits-list{width:100%}.portraits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.portrait-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.portrait-card:hover{border-color:#e50914;transform:translateY(-2px);box-shadow:0 4px 20px #e5091433}.portrait-image{width:100%;height:150px;overflow:hidden}.portrait-image img{width:100%;height:100%;object-fit:cover;display:block}.portrait-info{padding:15px}.portrait-info h3{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.portrait-info p{margin:0 0 10px;color:#ccc;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portrait-meta{font-size:12px;color:#888}.portrait-meta span{display:block}.empty-state{text-align:center;padding:60px 20px;color:#ccc}.empty-state p{margin-bottom:20px;font-size:16px}.new-portrait-btn{padding:10px 20px;background:#e50914;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.new-portrait-btn:hover{background:#f40612}.new-portrait-btn.primary{padding:12px 24px;font-size:16px}.loading,.error-message{text-align:center;padding:40px;color:#ccc}.error-message{color:#ff6b6b}.edit-homepage-page{padding:100px 20px 20px;max-width:1200px;margin:0 auto;min-height:100vh;color:#fff}.edit-homepage-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}.edit-homepage-header h1{margin:0;color:#fff}.edit-homepage-header p{margin:0;color:#ccc;font-size:14px}.back-button{padding:8px 16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;color:#fff}.back-button:hover{background:#3a3a3a}.save-button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:auto}.save-button:hover:not(:disabled){background:#45a049}.save-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#4d1a1a;color:#f99;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #5a2d2d}.success-message{background:#1a4d1a;color:#90ee90;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #2d5a2d}.loading,.error{text-align:center;padding:40px;color:#666}.genres-section{margin-bottom:40px}.genres-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.genres-header h2{margin:0;color:#fff}.add-genre-btn{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-genre-btn:hover{background:#1976d2}.genre-item{border:1px solid #444;border-radius:8px;padding:20px;margin-bottom:20px;background:#1a1a1a}.genre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.genre-title-section{display:flex;align-items:center;gap:10px}.genre-title-input{padding:8px 12px;border:1px solid #444;border-radius:4px;font-size:16px;font-weight:700;min-width:200px;background:#2a2a2a;color:#fff}.genre-title-input::placeholder{color:#888}.genre-count{color:#fff;font-size:14px}.genre-actions{display:flex;gap:8px}.genre-settings{display:flex;align-items:center;margin:0 15px}.portrait-titles-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.portrait-titles-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.toggle-label{font-size:14px;color:#ccc;font-weight:500}.move-btn,.fill-genre-btn,.remove-genre-btn{padding:6px 12px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;cursor:pointer;font-size:14px}.move-btn:hover:not(:disabled){background:#3a3a3a}.move-btn:disabled{opacity:.5;cursor:not-allowed}.fill-genre-btn{background:#ff9800;color:#fff;border-color:#ff9800}.fill-genre-btn:hover{background:#f57c00}.remove-genre-btn{background:#f44336;color:#fff;border-color:#f44336}.remove-genre-btn:hover{background:#d32f2f}.genre-portraits,.all-portraits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.portrait-item,.portrait-card{display:flex;flex-direction:column;align-items:center;gap:8px}.portrait-image-container{position:relative;width:150px;height:100px;border-radius:4px;overflow:hidden;border:1px solid #e0e0e0}.portrait-image{width:100%;height:100%;object-fit:cover}.remove-portrait-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#f44336cc;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.remove-portrait-btn:hover{background:#d32f2fe6}.portrait-title{font-size:12px;text-align:center;color:#ccc;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-tags-section{margin-bottom:20px;padding:15px;background:#2a2a2a;border-radius:6px;border:1px solid #444}.genre-tags-section h4{margin:0 0 10px;color:#fff;font-size:16px;font-weight:500}.genre-tags-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.genre-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#2196f3;color:#fff;border-radius:12px;font-size:12px;font-weight:500}.remove-tag-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;margin-left:2px;line-height:1}.remove-tag-btn:hover{color:#fcc}.add-tag-input{display:inline-flex;align-items:center;gap:5px}.add-tag-input-field{padding:6px 10px;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:#fff;font-size:12px;min-width:120px}.add-tag-btn{padding:6px 10px;border:1px solid #2196F3;border-radius:4px;background:#2196f3;color:#fff;cursor:pointer;font-size:12px;font-weight:700;transition:background .2s}.add-tag-btn:hover{background:#1976d2}.add-tag-input-field::placeholder{color:#888}.portrait-tags{width:100%;margin-top:8px}.portrait-tags h5{margin:0 0 5px;font-size:11px;color:#ccc;font-weight:500}.portrait-tags-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.portrait-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#4caf50;color:#fff;border-radius:8px;font-size:10px;font-weight:500}.remove-portrait-tag-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:12px;padding:0;line-height:1}.remove-portrait-tag-btn:hover{color:#fcc}.add-portrait-tag-select{padding:3px 6px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:10px;min-width:80px}.add-portrait-tag-select option{background:#2a2a2a;color:#fff}.portrait-order{position:absolute;top:5px;right:35px;display:flex;align-items:center;gap:5px;background:#000000b3;padding:2px 6px;border-radius:12px}.portrait-order span{color:#fff;font-size:12px;font-weight:700}.move-portrait-btn{width:16px;height:16px;border:none;background:#ffffff4d;color:#fff;cursor:pointer;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.move-portrait-btn:hover:not(:disabled){background:#ffffff80}.move-portrait-btn:disabled{opacity:.3;cursor:not-allowed}.add-portrait-dropdown{grid-column:1 / -1;display:flex;justify-content:center;margin-top:10px}.add-portrait-select{padding:8px 12px;border:2px dashed #2196F3;border-radius:4px;background:#2a2a2a;color:#fff;cursor:pointer;min-width:200px}.add-portrait-select:focus{outline:none;border-color:#e50914}.add-portrait-select option{background:#2a2a2a;color:#fff}.hero-section{margin-bottom:40px;padding:20px;background:#1a1a1a;border-radius:8px;border:1px solid #333}.hero-section h2{margin:0 0 10px;color:#fff;font-size:24px}.hero-section>p{margin:0 0 20px;color:#ccc;font-size:14px}.hero-portraits-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 15px}.hero-portraits-header h3{margin:0;color:#ccc;font-size:18px}.fill-hero-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.fill-hero-btn:hover{background:#45a049}.hero-portraits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.hero-portrait-item{background:#2a2a2a;border:1px solid #444;border-radius:6px;overflow:hidden;position:relative}.hero-portrait-image-container{position:relative;width:100%;height:120px;overflow:hidden}.hero-portrait-image{width:100%;height:100%;object-fit:cover;display:block}.remove-hero-portrait-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-hero-portrait-btn:hover{background:#dc3545}.hero-portrait-order{position:absolute;bottom:5px;left:5px;display:flex;align-items:center;gap:5px;background:#000000b3;padding:2px 6px;border-radius:12px}.hero-portrait-order span{color:#fff;font-size:12px;font-weight:700}.move-hero-btn{width:16px;height:16px;border:none;background:#ffffff4d;color:#fff;cursor:pointer;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.move-hero-btn:hover:not(:disabled){background:#ffffff80}.move-hero-btn:disabled{opacity:.3;cursor:not-allowed}.hero-portrait-title{padding:10px;font-size:14px;font-weight:500;text-align:center;background:#333;border-top:1px solid #444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.add-hero-portrait-dropdown{margin-top:15px}.add-hero-portrait-select{width:100%;padding:8px 12px;border:1px solid #444;border-radius:4px;font-size:14px;background:#2a2a2a;color:#fff}.portraits-section{margin-top:40px}.portraits-section h2{margin-bottom:20px;color:#fff}@media(max-width:768px){.edit-homepage-page{padding:10px}.edit-homepage-header{flex-direction:column;align-items:flex-start;gap:10px}.genre-header{flex-direction:column;align-items:flex-start;gap:15px}.genre-actions{width:100%;justify-content:center}.genre-portraits,.all-portraits-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.portrait-image-container{width:120px;height:80px}.portrait-title{max-width:120px}}