.chat-container{display:flex;flex-direction:column;height:100%;background-color:#2a2a2a;border-radius:8px;overflow:hidden;min-height:0}.chat-input-actions{display:flex;justify-content:space-between;align-items:center}.view-mode-toggle{padding:.5rem 1rem;background-color:#34495e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;height:40px;white-space:nowrap;min-width:60px}.view-mode-toggle:hover{background-color:#3d5a7a}.chat-messages{flex:1;overflow-y:auto;padding:1rem;min-height:0}.chat-message{margin-bottom:1rem;padding:.8rem;border-radius:8px;background-color:#333}.chat-message.user,.chat-message.Player{background-color:#2c3e50;margin-left:2rem}.chat-message.assistant,.chat-message.Master{background-color:#34495e;margin-right:2rem}.chat-message.system{background-color:#c0392b;text-align:center;font-style:italic}.chat-message.Scene{background-color:#34495e;margin-right:2rem;border-left:3px solid #3498db}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#fff}.message-role{font-weight:700;text-transform:capitalize;color:#fff}.message-actions{display:flex;gap:.5rem}.message-actions button{padding:.2rem .5rem;font-size:.8rem;background:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;transition:background-color .2s}.message-actions button:hover{background:#666}.message-content{line-height:1.5;white-space:pre-wrap;text-align:justify;color:#fff}.message-content em{color:#fff}.message-content textarea{width:100%;min-height:60px;padding:.5rem;background:#444;border:1px solid #666;border-radius:4px;color:#fff;font-family:inherit;font-size:inherit;line-height:1.5;resize:vertical;box-sizing:border-box}.message-content textarea:focus{outline:none;border-color:#3498db;background:#555}.chat-input{display:flex;flex-direction:column;padding:1rem;background-color:#333;border-top:1px solid #444444;gap:.5rem;flex-shrink:0}.chat-input textarea{width:100%;padding:.8rem;border:none;border-radius:4px;background-color:#444;color:#fff;font-size:1rem;min-height:100px;max-height:150px;resize:vertical;font-family:inherit;line-height:1.4;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box}.chat-input textarea:focus{outline:none;background-color:#555}.chat-input-actions button[type=submit]{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#3498db;color:#fff;font-size:.9rem;cursor:pointer;transition:background-color .2s;height:40px;white-space:nowrap;min-width:80px}.chat-input button:hover{background-color:#2980b9}.chat-input button:disabled{background-color:#666;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#2a2a2a}.chat-messages::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#666}@media(max-width:1024px){.chat-input textarea{min-height:90px;max-height:140px;font-size:.95rem}.chat-message{padding:.75rem}.message-content{font-size:.95rem}}@media(max-width:768px){.chat-container{border-radius:6px}.chat-input{padding:.875rem;gap:.4rem}.chat-input textarea{min-height:80px;max-height:120px;font-size:.9rem;padding:.7rem}.chat-input-actions button[type=submit]{padding:.45rem .875rem;font-size:.85rem;height:36px;min-width:70px}.view-mode-toggle{padding:.45rem .875rem;font-size:.85rem;height:36px;min-width:55px}.chat-messages{padding:.875rem}.chat-message{padding:.7rem;margin-bottom:.875rem}.chat-message.user,.chat-message.Player{margin-left:1.5rem}.chat-message.assistant,.chat-message.Master{margin-right:1.5rem}.message-header{font-size:.85rem;margin-bottom:.4rem}.message-content{font-size:.9rem;line-height:1.4}.message-actions button{padding:.15rem .4rem;font-size:.75rem}.message-content textarea{min-height:55px;font-size:.85rem;padding:.4rem}}@media(max-width:480px){.chat-input{padding:.75rem;gap:.375rem}.chat-input textarea{min-height:70px;max-height:100px;font-size:.85rem;padding:.6rem}.chat-input-actions{flex-direction:column;gap:.5rem}.chat-input-actions button[type=submit],.view-mode-toggle{width:100%;padding:.4rem .75rem;font-size:.8rem;height:34px;min-width:auto}.chat-messages{padding:.75rem}.chat-message{padding:.6rem;margin-bottom:.75rem}.chat-message.user,.chat-message.Player{margin-left:1rem}.chat-message.assistant,.chat-message.Master{margin-right:1rem}.message-header{font-size:.8rem;margin-bottom:.35rem}.message-role{font-size:.8rem}.message-content{font-size:.85rem;line-height:1.35}.message-actions{gap:.4rem}.message-actions button{padding:.15rem .35rem;font-size:.7rem}.message-content textarea{min-height:50px;font-size:.8rem;padding:.35rem}}.char-displayer{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin:6px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px}.char-displayer-header{border-bottom:2px solid #495057;padding-bottom:8px;margin-bottom:12px}.char-displayer-header h2{margin:0 0 6px;color:#212529;font-size:20px;font-weight:700}.char-basic-info{display:flex;gap:12px;flex-wrap:wrap;color:#495057}.char-basic-info *,.char-basic-info * span,.char-basic-info * font{color:#495057!important}.char-class-level,.char-ac,.char-hp{background-color:#e9ecef;padding:4px 8px;border-radius:4px;font-weight:600;color:#495057;font-size:13px}.char-displayer-content{display:flex;flex-direction:column;gap:12px}.char-section{background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:10px}.char-section h3{margin:0 0 8px;color:#495057;font-size:16px;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:4px}.attributes-list{display:flex;flex-direction:column;gap:4px;color:#212529}.attributes-list *,.attributes-list * span,.attributes-list * font{color:#212529!important}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:#f0f8ff!important;border:1px solid #dee2e6;border-radius:4px;transition:background-color .2s;position:relative}.attribute-item:hover{background-color:#e9ecef}.attribute-item.proficient{background-color:#bbd2e7!important;border-color:#cce7ff}.attribute-item.proficient:hover{background-color:#e6f3ff}.attribute-item.proficient .attribute-name{font-weight:600}.attribute-name{font-weight:600;color:#212529;font-size:13px;flex:1}.attribute-value{font-size:16px;font-weight:500;color:#212529!important;margin:0 10px;min-width:25px;text-align:center}.attribute-modifier{font-size:13px;color:#212529;font-weight:500;min-width:35px;text-align:right;margin-right:8px}.attribute-actions{display:flex;gap:4px;margin-left:8px}.attribute-check-btn,.saving-throw-btn{background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:11px;padding:3px 6px;transition:background-color .2s;font-weight:500;min-width:40px}.attribute-check-btn:hover{background-color:#0056b3}.saving-throw-btn{background-color:#6f42c1}.saving-throw-btn:hover{background-color:#5a32a3}.proficiency-indicator{color:#28a745;font-size:14px;font-weight:700;margin-left:6px}.skills-list{display:flex;flex-direction:column;gap:3px}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;transition:all .2s}.skill-item.clickable{background-color:#f0f8ff;cursor:pointer}.skill-item.clickable:hover{background-color:#e9ecef;transform:translate(2px);box-shadow:0 2px 4px #0000001a}.skill-item.proficient{background-color:#bbd2e7;border-color:#cce7ff}.skill-item.proficient .skill-name{font-weight:600}.skill-item.proficient.clickable:hover{background-color:#e6f3ff}.skill-item.proficient.clickable:hover .skill-name{font-weight:600}.skill-item.active{background-color:#e3f2fd;border-color:#2196f3;border-left:3px solid #2196f3}.skill-item.active .skill-name{font-weight:600}.skill-item.proficient.active{background-color:#e8f5e8;border-color:#4caf50;border-left:3px solid #4caf50}.skill-item.proficient.active .skill-name{font-weight:600}.skill-name{font-weight:500;color:#212529!important;font-size:13px;flex:1}.skill-modifier{font-weight:600;color:#212529;font-size:13px;margin-right:6px;min-width:35px;text-align:right}.active-indicator{color:#2196f3;font-size:12px;font-weight:700;margin-left:4px}.skill-item.proficient .active-indicator{color:#4caf50}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inventory-header h3{margin:0;color:#495057;font-size:16px;font-weight:600;border-bottom:none;padding-bottom:0}.inventory-content{min-height:80px;width:100%;overflow:hidden}.inventory-textarea{width:100%;min-height:120px;padding:8px;border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:13px;line-height:1.4;resize:vertical;background-color:#fff;box-sizing:border-box;max-width:100%}.inventory-save-btn{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;background-color:#28a745;color:#fff;transition:background-color .2s}.inventory-save-btn:hover{background-color:#218838}@media(max-width:768px){.char-displayer{padding:10px;margin:4px 0}.char-basic-info{flex-direction:column;gap:6px}.attributes-list,.skills-list{flex-direction:column}.attribute-actions{flex-direction:column;gap:2px}.attribute-check-btn,.saving-throw-btn{font-size:10px;padding:2px 4px;min-width:35px}}@media(max-width:480px){.attributes-list,.skills-list{flex-direction:column}.char-displayer-header h2{font-size:18px}.attribute-item{flex-wrap:wrap;gap:4px}.attribute-actions{width:100%;justify-content:flex-end;margin-top:4px}}.char-interaction{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;margin-bottom:10px;padding:10px 8px;font-size:14px}.char-interaction-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:#515d64;color:#fff;border-radius:4px 4px 0 0}.char-interaction-header h3{margin:0;font-size:14px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#fff3}.char-interaction-content{padding:8px 0 0;color:#ccc}.char-interaction-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.input-group{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.input-group label{font-size:12px;color:#aaa;font-weight:500}.input-group textarea{padding:4px 6px;border:1px solid #555;border-radius:3px;background-color:#333;color:#fff;font-size:13px;font-family:inherit;min-height:36px;resize:vertical}.input-group textarea:focus{outline:none;border-color:#3498db;background-color:#3a3a3a}.dice-roll-section{margin-bottom:4px}.dice-roll-row{display:flex;align-items:center;gap:6px}.dice-roll-row label{font-size:12px;color:#aaa;font-weight:500;min-width:60px}.dice-roll-row input{width:48px;padding:4px 6px;border:1px solid #555;border-radius:3px;background-color:#333;color:#fff;font-size:13px;font-family:inherit;text-align:center}.dice-roll-row input:focus{outline:none;border-color:#3498db;background-color:#3a3a3a}.dice-btn{padding:4px 7px;background-color:#e74c3c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:15px;transition:background-color .2s;min-width:28px}.dice-btn:hover{background-color:#c0392b}.dice-roll-row .send-btn{padding:4px 8px;background-color:#27ae60;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s;white-space:nowrap;min-width:48px}.dice-roll-row .send-btn:hover{background-color:#229954}.dice-roll-row .config-toggle-btn{padding:4px 8px;background-color:#6c757d;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px;font-weight:700;transition:background-color .2s;min-width:28px}.dice-roll-row .config-toggle-btn:hover{background-color:#5a6268}.config-summary{background-color:#2a2a2a;border-radius:3px;padding:6px;margin-top:4px;text-align:center}.breakdown{font-size:11px;color:#aaa;line-height:1.3}.config-section{background-color:#333;border-radius:4px;padding:8px;margin-top:6px}.config-row{display:flex;gap:8px;margin-bottom:6px}.config-row:last-child{margin-bottom:0}.config-item{flex:1;display:flex;flex-direction:column;gap:2px}.config-item label{font-size:11px;color:#aaa;font-weight:500}.config-item select{padding:4px 6px;border:1px solid #555;border-radius:3px;background-color:#2a2a2a;color:#fff;font-size:12px}.config-item select:focus{outline:none;border-color:#3498db}.modifier-controls{display:flex;align-items:center;gap:4px;background-color:#2a2a2a;border:1px solid #555;border-radius:3px;padding:2px}.modifier-controls button{background-color:#444;border:none;color:#fff;width:20px;height:20px;border-radius:2px;cursor:pointer;font-size:13px;font-weight:700;transition:background-color .2s}.modifier-controls button:hover{background-color:#555}.modifier-controls span{min-width:22px;text-align:center;font-weight:600;color:#fff}@media(max-width:768px){.config-row{flex-direction:column;gap:10px}.dice-roll-row{flex-direction:column;align-items:stretch;gap:6px}.dice-roll-row label{min-width:auto}.dice-roll-row input{width:100%}}.creature-interaction{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin:0;max-height:100%;color:#e0e0e0}.creature-header-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#2a2a2a;border-bottom:1px solid #333;border-radius:8px 8px 0 0}.creature-interaction .header-left{display:flex;align-items:center;gap:8px;flex:1;margin-left:0!important;width:auto!important;justify-content:flex-start!important;flex-direction:row!important}.creature-interaction .creature-header-bar h2{margin:0;font-size:1rem;color:#fff}.creature-interaction .header-center{display:flex;align-items:center;justify-content:center;flex:1}.creature-interaction .header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.creature-interaction .follow-checkbox{display:flex;align-items:center}.creature-interaction .follow-checkbox label{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none}.creature-interaction .follow-checkbox input[type=checkbox]{margin:0;cursor:pointer;accent-color:#007bff}.creature-interaction .follow-checkbox input[type=checkbox]:checked{accent-color:#28a745}.creature-interaction .status-select{background:#1a1a1a;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:border-color .2s}.creature-interaction .status-select:hover{border-color:#666}.creature-interaction .status-select:focus{outline:none;border-color:#007bff}.creature-content{padding:6px}.creature-section{margin-bottom:6px;border:1px solid #333;border-radius:4px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#2a2a2a;cursor:pointer;transition:background-color .2s}.section-header:hover{background:#3a3a3a}.section-title{font-weight:600;color:#fff;font-size:.85rem}.section-arrow{color:#ccc;font-size:.75rem;transition:transform .2s}.section-arrow.expanded{transform:rotate(180deg)}.section-content{padding:6px 8px;background:#1a1a1a}.creature-interaction *,.creature-interaction * span,.creature-interaction * font{color:inherit}.creature-interaction h3 *,.creature-interaction h4 *,.creature-interaction button *,.creature-interaction label *,.creature-interaction p *,.creature-interaction strong *,.creature-interaction em *{color:inherit!important}.basic-info{display:flex;flex-direction:column;gap:6px}.npc-badge{background:#e74c3c;color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.kind-label{font-size:.7rem;color:#999}.kind-value{font-size:.8rem;color:#fff;font-weight:600}.creature-image{text-align:center;margin:4px 0}.creature-image img{max-width:100%;max-height:120px;border-radius:4px;border:1px solid #333}.no-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:80px;background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#666;font-size:.7rem;font-style:italic}.creature-details{display:flex;flex-direction:column;gap:3px;padding:4px;background:#2a2a2a;border-radius:4px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.detail-label{font-size:.8rem;color:#ccc;font-weight:500}.detail-value{font-size:.8rem;color:#fff;font-weight:600}.status-badge{padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.status-badge.active{background:#27ae60;color:#fff}.status-badge.inactive{background:#7f8c8d;color:#fff}.stats-content{display:flex;flex-direction:column;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:3px;background:#2a2a2a;border-radius:4px}.stat-label{font-size:.7rem;color:#999;font-weight:500}.stat-value{font-size:.9rem;color:#fff;font-weight:600}.attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background:#2a2a2a;border-radius:3px}.attribute-label{font-size:.7rem;color:#999;font-weight:500}.attribute-value{font-size:.8rem;color:#fff;font-weight:600}.abilities-content{padding:8px}.skills-section,.saving-throws-section,.traits-section,.properties-section,.actions-section{margin-bottom:12px}.skills-section h4,.saving-throws-section h4,.traits-section h4,.properties-section h4,.actions-section h4{margin:0 0 8px;font-size:.9rem;color:#fff;border-bottom:1px solid #444;padding-bottom:4px}.skills-list,.saving-throws-list,.traits-list{display:flex;flex-direction:column;gap:4px}.skill-item,.save-item,.trait-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#2a2a2a;border-radius:4px;font-size:.8rem}.skill-name,.save-name,.trait-name{font-weight:500;color:#ccc}.skill-value,.save-value{font-weight:700;color:#fff}.skill-complement{font-size:.7rem;color:#888;margin-left:4px}.properties-text,.actions-text{font-size:.8rem;line-height:1.4;color:#ccc;margin:0;padding:8px;background:#2a2a2a;border-radius:4px}.speed-section{margin-bottom:12px}.speed-section h4{margin:0 0 8px;font-size:.9rem;color:#fff;border-bottom:1px solid #444;padding-bottom:4px}.speed-grid{display:flex;flex-wrap:wrap;gap:8px}.speed-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#2a2a2a;border-radius:4px;font-size:.8rem}.speed-type{font-weight:500;color:#ccc}.speed-value{font-weight:700;color:#fff}.hover-indicator{font-size:.7rem;color:#888;font-style:italic}.abilities-section{margin-bottom:12px}.abilities-section h4{margin:0 0 8px;font-size:.9rem;color:#fff;border-bottom:1px solid #444;padding-bottom:4px}.abilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.ability-item{display:flex;flex-direction:column;align-items:center;padding:6px 8px;background:#2a2a2a;border-radius:4px;font-size:.8rem;text-align:center}.ability-label{font-weight:500;color:#ccc;font-size:.7rem;margin-bottom:2px}.ability-value{font-weight:700;color:#fff;font-size:1rem}.ability-mod{font-size:.7rem;color:#888;margin-top:2px}.ability-save{font-size:.6rem;color:#666;margin-top:2px}.inventory-content{display:flex;flex-direction:column;gap:6px}.items-section,.coins-section{display:flex;flex-direction:column;gap:3px}.items-section h4,.coins-section h4{margin:0 0 3px;font-size:.85rem;color:#fff;border-bottom:1px solid #333;padding-bottom:2px}.items-list{display:flex;flex-direction:column;gap:1px}.item-entry{display:flex;justify-content:space-between;align-items:center;padding:1px 3px;background:#2a2a2a;border-radius:3px}.item-name{font-size:.8rem;color:#ccc}.item-quantity{font-size:.7rem;color:#999;font-weight:500}.coins-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.coin-item{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background:#2a2a2a;border-radius:3px}.coin-type{font-size:.7rem;color:#999;font-weight:500}.coin-amount{font-size:.8rem;color:#fff;font-weight:600}.background-content{display:flex;flex-direction:column;gap:6px}.description-section,.motivations-section,.background-section,.complement-section,.gossip-section{display:flex;flex-direction:column;gap:3px}.description-section h4,.motivations-section h4,.background-section h4,.complement-section h4,.gossip-section h4{margin:0 0 3px;font-size:.85rem;color:#fff;border-bottom:1px solid #333;padding-bottom:2px}.description-section p,.motivations-section p,.background-section p,.complement-section p,.gossip-section p{margin:0;font-size:.75rem;color:#ccc;line-height:1.3;padding:3px;background:#2a2a2a;border-radius:4px}.creature-images-section{background:#1a1a1a;border-bottom:1px solid #333;padding:8px}.images-carousel{display:flex;flex-direction:column;align-items:center;gap:6px}.carousel-container{position:relative;text-align:center;min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:#2a2a2a;gap:8px;padding:8px}.image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:250px}.carousel-image{max-width:100%;max-height:250px;min-height:250px;border-radius:8px;border:1px solid #333;object-fit:cover;background:#2a2a2a}.carousel-button{background:#000c;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:2;flex-shrink:0}.carousel-button:hover{background:#000000e6}.section-header-disabled{cursor:not-allowed;opacity:.5}.section-header-enabled{cursor:pointer;opacity:1}.inventory-disabled-message{font-size:.8em;color:#666;margin-left:10px}.inventory-textarea,.notes-textarea{width:100%;min-height:200px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical}.save-inventory-button{margin-top:10px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-notes-button{margin-top:10px;padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}@media(max-width:1024px){.creature-interaction{font-size:.95rem}.creature-header-bar{padding:5px 8px}.creature-header-bar h2{font-size:.95rem}.creature-content{padding:5px}.section-title{font-size:.8rem}}@media(max-width:768px){.creature-interaction{font-size:.9rem}.creature-header-bar{flex-wrap:wrap;padding:5px 6px;gap:.5rem}.creature-header-bar h2{font-size:.9rem}.status-select{font-size:.75rem;padding:3px 6px}.creature-content{padding:4px}.creature-section{margin-bottom:5px}.section-header{padding:3px 6px}.section-title{font-size:.75rem}.section-arrow{font-size:.7rem}.section-content{padding:5px 6px}.npc-badge{font-size:.65rem;padding:2px 5px}.kind-label{font-size:.65rem}.kind-value{font-size:.75rem}.creature-image img{max-height:100px}.detail-label,.detail-value{font-size:.75rem}.stats-grid,.attributes-grid{gap:3px}.stat-label{font-size:.65rem}.stat-value{font-size:.85rem}.attribute-label,.attribute-value{font-size:.65rem}.save-inventory-button,.save-notes-button{padding:6px 12px;font-size:.85rem}}@media(max-width:480px){.creature-header-bar{padding:4px 5px;gap:.4rem}.creature-header-bar h2{font-size:.85rem}.status-select{font-size:.7rem;padding:3px 5px}.creature-content{padding:3px}.section-header{padding:3px 5px}.section-title{font-size:.7rem}.section-content{padding:4px 5px}.creature-image img{max-height:80px}.stats-grid,.attributes-grid{grid-template-columns:repeat(2,1fr);gap:3px}.save-inventory-button,.save-notes-button{padding:5px 10px;font-size:.8rem;width:100%}}.basic-info-pre{white-space:pre-wrap;font-family:inherit;margin:0;font-size:14px;line-height:1.4;text-align:justify;color:#e0e0e0;background:transparent}.basic-info-pre *,.basic-info-pre span,.basic-info-pre font{color:#e0e0e0!important}.restricted-info-pre{white-space:pre-wrap;font-family:inherit;margin:0;font-size:14px;line-height:1.4;text-align:justify}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2d3748;color:#fff;padding:20px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 6px #0000004d;border:1px solid #4a5568}.modal-title{margin-top:0;color:#d32f2f}.modal-description{margin-bottom:20px;line-height:1.5}.modal-warning{margin-bottom:20px;font-weight:700;color:#d32f2f}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-button-cancel{padding:8px 16px;border:1px solid #4a5568;border-radius:4px;background-color:#4a5568;color:#fff;cursor:pointer}.modal-button-continue{padding:8px 16px;border:none;border-radius:4px;background-color:#d32f2f;color:#fff;cursor:pointer}@media(max-width:768px){.modal-content{max-width:90%;padding:15px;margin:1rem}.modal-title{font-size:1.1rem}.modal-description,.modal-warning{font-size:.9rem}.modal-buttons{flex-direction:column;gap:8px}.modal-button-cancel,.modal-button-continue{width:100%;padding:7px 14px;font-size:.9rem}}@media(max-width:480px){.modal-content{max-width:95%;padding:12px;margin:.5rem}.modal-title{font-size:1rem}.modal-description,.modal-warning{font-size:.85rem;margin-bottom:15px}.modal-button-cancel,.modal-button-continue{padding:6px 12px;font-size:.85rem}}.door-interaction{background-color:#80808031;border:1px solid #444;border-radius:6px;padding:.5rem;color:#fff;margin-bottom:.5rem;box-shadow:none;height:auto;min-height:fit-content}.door-interaction *,.door-interaction * span,.door-interaction * font{color:inherit}.door-interaction h3 *,.door-interaction h4 *,.door-interaction button *,.door-interaction label *,.door-interaction p *{color:inherit!important}.door-content{display:flex;flex-direction:column;gap:.5rem;height:auto;min-height:fit-content}.door-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.door-header h3{margin:0;color:#fff;font-size:1rem;font-weight:600}.select-door-btn{padding:.375rem .75rem;border:2px solid #666;border-radius:4px;background-color:#333;color:#ccc;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500}.select-door-btn:hover{background-color:#444;border-color:#888;color:#fff}.select-door-btn.selected{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 8px #4a90e266}.select-door-btn.selected:hover{background-color:#357abd;border-color:#357abd}.door-char-interaction{margin:.375rem 0;border:2px solid #4a90e2;border-radius:6px;background-color:#4a90e21a;padding:.375rem}.door-char-interaction .char-interaction{margin:0;padding:.5rem;background-color:#ffffff0d;border-radius:4px}.door-char-interaction .char-interaction h3{margin:0 0 .5rem;font-size:.9rem;color:#4a90e2}.door-char-interaction .char-interaction .interaction-content{gap:.5rem}.door-char-interaction .char-interaction .config-section{margin:.25rem 0}.door-char-interaction .char-interaction .config-section label{font-size:.8rem}.door-char-interaction .char-interaction .config-section input,.door-char-interaction .char-interaction .config-section select{font-size:.8rem;padding:.25rem}.door-char-interaction .char-interaction .action-buttons{gap:.25rem}.door-char-interaction .char-interaction .action-buttons button{font-size:.8rem;padding:.25rem .5rem}.door-description-text{margin-bottom:.375rem;padding:.375rem;background-color:#0003;border-radius:4px;box-shadow:none}.door-description-text p{margin:0;color:#ccc;font-size:.85rem;line-height:1.4;font-style:italic}.door-actions-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.door-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.action-button:disabled{opacity:.5;cursor:not-allowed}.key-btn{background-color:#9c27b0;border-color:#9c27b0;color:#fff}.key-btn:hover:not(:disabled){background-color:#7b1fa2;border-color:#7b1fa2;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.lock-btn{background-color:#607d8b;border-color:#607d8b;color:#fff}.lock-btn:hover:not(:disabled){background-color:#455a64;border-color:#455a64;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.door-quick-actions{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:nowrap;justify-content:flex-start;padding:.375rem;background-color:#00000026;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.quick-action-btn{background-color:#2c5aa0;border-color:#4a90e2;color:#fff;font-weight:600;min-width:80px;padding:.375rem .5rem;font-size:.8rem;flex:1;max-width:100px;transition:all .2s ease}.quick-action-btn:hover:not(:disabled){background-color:#357abd;border-color:#5a9ee2;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.open-door-btn{background-color:#2c5aa0}.open-door-btn:hover:not(:disabled){background-color:#45a049}.close-door-btn{background-color:#f44336}.close-door-btn:hover:not(:disabled){background-color:#d32f2f}.pick-lock-btn{background-color:#795548}.pick-lock-btn:hover:not(:disabled){background-color:#5d4037}.disable-trap-btn{background-color:#ff5722}.disable-trap-btn:hover:not(:disabled){background-color:#d84315}.lock-actions{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background-color:#2a2a2a;border-radius:4px;border:1px solid #444}.door-actions>div{display:flex;gap:.5rem;align-items:center}.lock-actions select{padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#555;color:#fff;font-size:.875rem}.lock-actions select:focus{outline:none;border-color:#2196f3}.key-inputs{display:flex;gap:.25rem;align-items:flex-end;flex-wrap:wrap}.key-input-group{display:flex;flex-direction:column;gap:.125rem}.key-input-label{font-size:.65rem;color:#ccc;font-weight:500}.key-input{padding:.375rem;border:1px solid #666;border-radius:3px;background-color:#555;color:#fff;font-size:.75rem;width:70px;height:32px;box-sizing:border-box}.key-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.key-input[readonly]{background-color:#444;color:#bbb;border-color:#555;cursor:not-allowed}.key-input::placeholder{color:#aaa}.toggle-button{padding:.5rem 1rem;background-color:#555;color:#fff;border:1px solid #666;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:.875rem;font-weight:600;min-width:40px}.toggle-button:hover{background-color:#666}.pick-lock-section{margin-top:.5rem;padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#8b45131a;width:100%}.pick-lock-checkbox{margin-bottom:.375rem}.pick-lock-checkbox label{display:flex;align-items:center;gap:.375rem;color:#ccc;font-size:.8rem;cursor:pointer}.pick-lock-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer}.pick-lock-area{display:flex;flex-direction:column;gap:.375rem;padding:.375rem;border:1px solid #8b4513;border-radius:3px;background-color:#8b451333}.pick-lock-instructions{color:#ddd;font-size:.75rem;line-height:1.3;padding:.375rem;background-color:#0003;border-radius:3px;border-left:2px solid #8b4513}.pick-lock-dc{text-align:center;padding:.25rem;background-color:#8b45134d;border-radius:3px;color:#fff;font-size:.8rem}.pick-lock-note{text-align:center;padding:.375rem;background-color:#ffc10733;border-radius:3px;color:#ffc107;font-size:.75rem;border:1px solid rgba(255,193,7,.3)}.chest-container{background-color:#80808031;border-radius:5px;margin-top:3px;padding:4px}.chest-container h3{text-align:center}.storage-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.storage-modal-content{background:#414040;padding:20px;border-radius:10px;text-align:center;width:400px}.traps-section{margin-top:20px;padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.traps-section h4{margin:0 0 15px;color:#856404;font-size:1.1em}.trap-item{margin-bottom:15px;padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:6px}.trap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.trap-status{padding:2px 8px;border-radius:4px;font-size:.8em;font-weight:700}.trap-status.active{background-color:#f8d7da;color:#721c24}.trap-status.disabled{background-color:#d4edda;color:#155724}.trap-status.triggered{background-color:#fff3cd;color:#856404}.trap-disarm-section{margin-top:10px}.trap-disarm-checkbox{margin-bottom:10px}.trap-disarm-checkbox label{display:flex;align-items:center;gap:8px;font-weight:500;color:#495057}.trap-disarm-area{padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.trap-disarm-info{margin-bottom:10px}.trap-disarm-info p{margin:5px 0;font-size:.9em}.trap-disarm-note{font-style:italic;color:#6c757d;font-size:.85em;padding:8px;background-color:#e9ecef;border-radius:4px}.door-bar-status{margin-top:15px;padding:12px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.door-bar-status strong{color:#856404;display:block;margin-bottom:8px}.door-bar-status p{margin:5px 0;color:#856404}.bar-note{font-style:italic;color:#856404;font-size:.9em;margin-top:8px;padding:8px;background-color:#fff8e1;border-left:3px solid #ffc107;border-radius:3px}.door-all-descriptions{background-color:#0000004d;border:1px solid #555;border-radius:6px;padding:1rem;margin:1rem 0}.door-all-descriptions h4{color:#4a90e2;margin:0 0 1rem;font-size:1.1rem;border-bottom:1px solid #555;padding-bottom:.5rem}.description-version{margin-bottom:1.5rem;padding:.75rem;background-color:#ffffff0d;border-radius:4px;border-left:3px solid #4a90e2}.description-version h5{color:gold;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.description-version p{margin:.25rem 0;color:#e0e0e0;line-height:1.4}.text-elements p,.lock-info p,.bar-info p,.trap-info p,.force-info p{margin:.25rem 0;color:#e0e0e0;font-size:.9rem}.text-elements strong,.lock-info strong,.bar-info strong,.trap-info strong,.force-info strong{color:gold;font-weight:600}.lock-info,.bar-info,.trap-info,.force-info{background-color:#0003;padding:.5rem;border-radius:3px;margin-top:.5rem}.trap-info p:first-child{color:#ff6b6b;font-weight:600}.force-info p:last-child{color:#ff8c00;font-weight:600;font-size:1rem}.door-interaction .action-button,.lock-actions .action-button{padding:.375rem .5rem;border:1px solid #666;border-radius:3px;background-color:#333;color:#ccc;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;margin:.125rem;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:60px;max-width:80px;width:auto}.door-interaction .action-button:hover,.lock-actions .action-button:hover{background-color:#444;border-color:#777;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.door-quick-actions .quick-action-btn{padding:.375rem .5rem;background-color:#333;border:1px solid #666;border-radius:3px;color:#fff;font-weight:600;min-width:80px;font-size:.8rem;flex:1;max-width:100px;transition:all .2s ease;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.door-quick-actions .quick-action-btn:hover{background-color:#444;border-color:#777;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.trap-info-section{background-color:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:6px;padding:.375rem;margin:.375rem 0;color:#fff;box-shadow:none;position:relative;min-height:fit-content;height:auto}.trap-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:6px 6px 0 0}.trap-info-header{margin-bottom:.5rem}.trap-info-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;width:100%}.trap-info-header:hover{background-color:#ff6b6b1a;border-radius:4px}.trap-info-header h4{margin:0;color:#ff6b6b;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.trap-status{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ff6b6b4d;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0 .5rem;min-width:60px;text-align:center}.trap-status.active{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 2px 4px #ff6b6b66}.trap-status.disabled{background:linear-gradient(135deg,#6c757d,#8e9aaf);box-shadow:0 2px 4px #6c757d66}.trap-status.triggered{background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 2px 4px #dc354566;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 2px 4px #dc354566}50%{box-shadow:0 2px 8px #dc354599}to{box-shadow:0 2px 4px #dc354566}}.trap-toggle-icon{color:#ff6b6b;font-size:.8rem;font-weight:700;transition:transform .2s ease}.trap-info-content{display:flex;flex-direction:column;gap:.5rem;animation:slideDown .3s ease-out;overflow:visible;height:auto}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.trap-name{color:gold;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:.25rem;margin-bottom:.5rem}.trap-description{color:#e0e0e0;font-size:.9rem;line-height:1.4;background-color:#0003;padding:.5rem;border-radius:3px}.trap-triggers{color:#ff8c00;font-size:.85rem;background-color:#ff8c001a;padding:.375rem .5rem;border-radius:3px;border-left:3px solid #ff8c00}@media(max-width:1024px){.door-interaction{padding:.45rem}.door-header h3{font-size:.95rem}.select-door-btn{padding:.35rem .7rem;font-size:.75rem}.interaction-box{padding:.45rem .7rem}.interaction-box span{font-size:.85rem}.interaction-box p{font-size:.75rem}.door-quick-actions{gap:.35rem;padding:.35rem}.quick-action-btn{min-width:75px;max-width:95px;font-size:.75rem;padding:.35rem .45rem}}@media(max-width:768px){.door-interaction{padding:.4rem;margin-bottom:.4rem}.door-content{gap:.4rem}.door-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.2rem;padding-bottom:.2rem}.door-header h3{font-size:.9rem}.select-door-btn{padding:.3rem .6rem;font-size:.7rem;width:100%;max-width:150px}.interaction-box{padding:.4rem .6rem}.interaction-box span{font-size:.8rem;margin-bottom:.2rem}.interaction-box p{font-size:.7rem}.door-quick-actions{flex-wrap:wrap;gap:.3rem;padding:.3rem}.quick-action-btn{min-width:70px;max-width:90px;font-size:.7rem;padding:.3rem .4rem;flex:1 1 auto}.door-actions{flex-direction:column;gap:.4rem}.action-button{padding:.3rem .45rem;font-size:.7rem;min-width:55px;max-width:75px;width:100%}.lock-actions{padding:.4rem;gap:.4rem}.lock-actions select{font-size:.8rem;padding:.4rem}.key-inputs{flex-direction:column;align-items:stretch;gap:.3rem}.key-input-group{width:100%}.key-input{width:100%;font-size:.7rem;height:28px}.toggle-button{padding:.4rem .875rem;font-size:.8rem}.pick-lock-section{padding:.4rem}.pick-lock-checkbox label{font-size:.75rem}.pick-lock-area{padding:.3rem;gap:.3rem}.pick-lock-instructions{font-size:.7rem;padding:.3rem}.pick-lock-dc{font-size:.75rem}.pick-lock-note{font-size:.7rem;padding:.3rem}.door-description-text p{font-size:.8rem}.door-all-descriptions{padding:.875rem}.door-all-descriptions h4{font-size:1rem}.description-version{padding:.625rem}.description-version h5{font-size:.9rem}.description-version p,.text-elements p,.lock-info p,.bar-info p,.trap-info p,.force-info p{font-size:.85rem}.trap-info-section{padding:.3rem}.trap-info-header h4{font-size:.9rem}.trap-status{font-size:.7rem;padding:.2rem .4rem;min-width:55px}.trap-name{font-size:.9rem}.trap-description{font-size:.85rem}.trap-triggers{font-size:.8rem;padding:.3rem .4rem}.storage-modal-content{width:90%;padding:15px}}@media(max-width:480px){.door-interaction{padding:.35rem;margin-bottom:.35rem}.door-header h3{font-size:.85rem}.select-door-btn{padding:.25rem .5rem;font-size:.65rem;max-width:120px}.interaction-box{padding:.35rem .5rem}.interaction-box span{font-size:.75rem}.interaction-box p{font-size:.65rem}.quick-action-btn{min-width:60px;max-width:80px;font-size:.65rem;padding:.25rem .35rem;height:28px}.action-button{padding:.25rem .4rem;font-size:.65rem;min-width:50px;max-width:70px;height:28px}.lock-actions select{font-size:.75rem;padding:.35rem}.key-input{font-size:.65rem;height:26px}.toggle-button{padding:.35rem .75rem;font-size:.75rem}.door-description-text p{font-size:.75rem}.door-all-descriptions{padding:.75rem}.door-all-descriptions h4{font-size:.95rem}.description-version h5{font-size:.85rem}.description-version p{font-size:.8rem}.trap-info-header h4{font-size:.85rem}.trap-status{font-size:.65rem;padding:.2rem .35rem;min-width:50px}.trap-name{font-size:.85rem}.trap-description{font-size:.8rem}.trap-triggers{font-size:.75rem;padding:.25rem .35rem}.storage-modal-content{width:95%;padding:12px}}.config-section-container{width:100%;border:1px solid white;border-radius:4px;padding:5px;margin:2px;background-color:#faebd70e}.horizontal-dist{display:flex;justify-content:space-between;align-items:center}.horizontal-dist-button{min-width:109px}.horizontal-dist-button-2{min-width:148px}.passage-interaction{background-color:#80808031;border:1px solid #444;border-radius:6px;padding:.5rem;color:#fff;margin-bottom:.5rem;box-shadow:none;height:auto;min-height:fit-content}.passage-content{display:flex;flex-direction:column;gap:.5rem;height:auto;min-height:fit-content}.passage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.passage-header h3{margin:0;color:#fff;font-size:1rem;font-weight:600}.select-passage-btn{padding:.375rem .75rem;border:2px solid #666;border-radius:4px;background-color:#333;color:#ccc;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500}.select-passage-btn:hover{background-color:#444;border-color:#888;color:#fff}.select-passage-btn.selected{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 8px #4a90e266}.select-passage-btn.selected:hover{background-color:#357abd;border-color:#357abd}.interaction-indicator{display:flex;justify-content:center;margin:.375rem 0}.interaction-box{background-color:#ff8c00;color:#fff;padding:.5rem .75rem;border-radius:6px;border:2px solid #ff6b00;box-shadow:none;text-align:center;max-width:100%}.interaction-box span{display:block;font-weight:600;font-size:.875rem;margin-bottom:.25rem}.interaction-box p{margin:0;font-size:.8rem;opacity:.9}.passage-char-interaction{margin:.375rem 0;border:2px solid #4a90e2;border-radius:6px;background-color:#4a90e21a;padding:.375rem}.passage-char-interaction .char-interaction{margin:0;padding:.5rem;background-color:#ffffff0d;border-radius:4px}.passage-char-interaction .char-interaction h3{margin:0 0 .5rem;font-size:.9rem;color:#4a90e2}.passage-char-interaction .char-interaction .interaction-content{gap:.5rem}.passage-char-interaction .char-interaction .config-section{margin:.25rem 0}.passage-char-interaction .char-interaction .config-section label{font-size:.8rem}.passage-char-interaction .char-interaction .config-section input,.passage-char-interaction .char-interaction .config-section select{font-size:.8rem;padding:.25rem}.passage-char-interaction .char-interaction .action-buttons{gap:.25rem}.passage-char-interaction .char-interaction .action-buttons button{font-size:.8rem;padding:.25rem .5rem}.passage-description{background-color:#ffffff0d;border-radius:4px;padding:.5rem;margin-bottom:.5rem}.passage-description p{margin:.25rem 0;font-size:.9rem;line-height:1.4}.passage-description-text{margin-bottom:.375rem;padding:.375rem;background-color:#0003;border-radius:4px;box-shadow:none}.passage-description-text p{margin:0;color:#ccc;font-size:.85rem;line-height:1.4;font-style:italic}.passage-description details{margin-top:.5rem}.passage-description summary{cursor:pointer;color:#4a90e2;font-weight:500;font-size:.85rem}.passage-description summary:hover{color:#357abd}.beyond-info{background-color:#4a90e21a;border:1px solid rgba(74,144,226,.3);border-radius:4px;padding:.5rem;margin-bottom:.5rem}.beyond-info h4{margin:0 0 .5rem;color:#4a90e2;font-size:.9rem;font-weight:600}.beyond-info p{margin:.25rem 0;font-size:.85rem;line-height:1.4}.passage-quick-actions{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:nowrap;justify-content:flex-start;padding:.375rem;background-color:#00000026;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.passage-quick-actions .quick-action-btn{padding:.375rem .5rem;background-color:#333;border:1px solid #666;border-radius:3px;color:#fff;font-weight:600;min-width:80px;font-size:.8rem;flex:1;max-width:100px;transition:all .2s ease;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.passage-quick-actions .quick-action-btn:hover{background-color:#444;border-color:#777;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.passage-actions{background-color:#ffffff0d;border-radius:4px;padding:.5rem;margin-bottom:.5rem}.passage-actions h4{margin:0 0 .5rem;color:#fff;font-size:.9rem;font-weight:600}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.375rem .75rem;border:1px solid #666;border-radius:4px;background-color:#333;color:#ccc;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500;min-width:80px}.action-btn:hover:not(:disabled){background-color:#444;border-color:#888;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background-color:#28a745;border-color:#28a745;color:#fff}.action-btn.primary:hover:not(:disabled){background-color:#218838;border-color:#218838}.action-btn.warning{background-color:#ffc107;border-color:#ffc107;color:#000}.action-btn.warning:hover:not(:disabled){background-color:#e0a800;border-color:#e0a800}.action-btn.danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.action-btn.danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.action-btn.info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.action-btn.info:hover:not(:disabled){background-color:#138496;border-color:#138496}.trap-actions{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;padding:.5rem;margin-bottom:.5rem}.trap-actions h4{margin:0 0 .5rem;color:#dc3545;font-size:.9rem;font-weight:600}.trap-info{background-color:#ffffff0d;border-radius:4px;padding:.5rem;margin-top:.5rem}.trap-info p{margin:.25rem 0;font-size:.85rem;line-height:1.4}.config-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.config-tab{padding:.375rem .75rem;border:none;border-radius:4px 4px 0 0;background-color:#ffffff0d;color:#ccc;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500}.config-tab:hover{background-color:#ffffff1a;color:#fff}.config-tab.active{background-color:#4a90e2;color:#fff}.config-content{padding:.5rem 0}.config-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.config-row label{min-width:120px;font-size:.85rem;font-weight:500;color:#ccc}.config-row input[type=text],.config-row input[type=number],.config-row select,.config-row textarea{flex:1;padding:.25rem .5rem;border:1px solid #666;border-radius:4px;background-color:#333;color:#fff;font-size:.85rem}.config-row input[type=text]:focus,.config-row input[type=number]:focus,.config-row select:focus,.config-row textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.config-row input[type=checkbox]{width:16px;height:16px;accent-color:#4a90e2}.config-row textarea{resize:vertical;min-height:60px}.basic-config,.beyond-config{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.passage-interaction{padding:.375rem}.passage-header{flex-direction:column;gap:.5rem;align-items:flex-start}.action-buttons{flex-direction:column}.action-btn{width:100%}.config-row{flex-direction:column;align-items:flex-start;gap:.25rem}.config-row label{min-width:auto}.config-row input[type=text],.config-row input[type=number],.config-row select,.config-row textarea{width:100%}}.passage-interaction.selected{border-color:#4a90e2;box-shadow:0 0 8px #4a90e24d}.images-interaction{background:#1a1a1a;border-radius:8px;padding:0;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.images-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#2a2a2a;border-bottom:1px solid #3a3a3a;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-left h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.image-counter{color:#888;font-size:.9rem;background:#3a3a3a;padding:4px 8px;border-radius:4px}.header-controls{display:flex;align-items:center;gap:8px}.close-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#3a3a3a;color:#fff}.no-images-message{padding:40px 20px;text-align:center;color:#888;flex:1;display:flex;align-items:center;justify-content:center}.no-images-message p{margin:0;font-size:1.1rem}.images-carousel-section{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px}.images-carousel{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.carousel-button:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.prev-button{left:20px}.next-button{right:20px}.image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000004d}.image-indicators{display:flex;justify-content:center;gap:8px;padding:16px 20px;background:#2a2a2a;border-top:1px solid #3a3a3a;flex-shrink:0}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#3a3a3a;cursor:pointer;transition:all .2s ease}.indicator:hover{background:#555}.indicator.active{background:#007bff}.image-info{padding:16px 20px;background:#2a2a2a;border-top:1px solid #3a3a3a;flex-shrink:0}.image-name{margin:0 0 8px;color:#fff;font-weight:500;font-size:1rem}.image-metadata{margin:0;color:#888;font-size:.9rem}.images-interaction.compact{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin:0;max-height:400px;color:#e0e0e0;overflow:hidden}.images-interaction.compact .images-header-bar{padding:6px 10px;background:#2a2a2a;border-bottom:1px solid #333;border-radius:8px 8px 0 0}.images-interaction.compact .images-header-bar h2{margin:0;font-size:1rem;color:#fff}.images-interaction.compact .image-counter{color:#888;font-size:.8rem;background:#3a3a3a;padding:2px 6px;border-radius:4px}.images-interaction.compact .images-carousel-section{padding:8px;min-height:200px;max-height:250px}.images-interaction.compact .carousel-button{width:30px;height:30px;font-size:1.2rem}.images-interaction.compact .prev-button{left:8px}.images-interaction.compact .next-button{right:8px}.images-interaction.compact .carousel-image{max-height:200px;max-width:100%}.images-interaction.compact .image-indicators{padding:8px 10px;background:#2a2a2a;border-top:1px solid #333}.images-interaction.compact .indicator{width:8px;height:8px}@media(max-width:768px){.images-interaction{max-width:95vw;max-height:95vh}.carousel-button{width:40px;height:40px;font-size:1.5rem}.prev-button{left:10px}.next-button{right:10px}.header-left h2{font-size:1.3rem}.image-counter{font-size:.8rem;padding:2px 6px}}@media(max-width:480px){.images-header-bar{padding:12px 16px}.images-carousel-section{padding:16px}.carousel-button{width:35px;height:35px;font-size:1.2rem}.image-indicators,.image-info{padding:12px 16px}}.interactions-container{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;height:auto}.interactions-section{background-color:#2a2a2a;border-radius:8px;padding:.5rem;color:#fff;flex-shrink:0;height:auto;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.interactions-section h2{margin:0 0 1rem;color:#3498db;font-size:1.3rem;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:.5rem}.interactions-content{white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.4;text-align:left;max-height:none;height:auto;display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto}.interactions-content-wrapper{display:flex;flex-direction:column;gap:.5rem}.creatures-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10px}.doors-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10px;overflow:visible;height:auto;min-height:fit-content}.door-interaction-wrapper{cursor:pointer;transition:all .2s ease;border-radius:8px;border:2px solid transparent;overflow:visible;height:auto;min-height:fit-content}.door-interaction-wrapper:hover{border-color:#6c757d;background-color:#6c757d1a;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.door-interaction-wrapper.selected{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.passages-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10px;overflow:visible;height:auto;min-height:fit-content}.passage-interaction-wrapper{cursor:pointer;transition:all .2s ease;border-radius:8px;border:2px solid transparent;overflow:visible;height:auto;min-height:fit-content}.passage-interaction-wrapper:hover{border-color:#6c757d;background-color:#6c757d1a;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.passage-interaction-wrapper.selected{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.active-interaction{display:flex;flex-direction:column;gap:.5rem;margin-top:10px;padding-top:10px;border-top:1px solid #dee2e6}.active-interaction h3{margin:0 0 .5rem;color:#fff!important;font-size:1rem;font-weight:600;border-bottom:1px solid #333;padding-bottom:.25rem;margin-bottom:8px;font-size:16px}.default-message{text-align:center;color:#fff;padding:2rem}.default-message p{margin:.5rem 0;color:#fff}.interactions-content::-webkit-scrollbar{width:8px}.interactions-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.interactions-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.interactions-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:1024px){.interactions-section{padding:.875rem}.interactions-section h2{font-size:1.15rem}.interactions-content{font-size:.85rem;gap:.875rem}.creatures-display,.doors-display,.passages-display{gap:.4rem}}@media(max-width:768px){.interactions-container{overflow-y:visible}.interactions-section{padding:.75rem;min-height:auto}.interactions-section h2{font-size:1.1rem;margin-bottom:.875rem;padding-bottom:.4rem}.interactions-content{font-size:.85rem;gap:.75rem}.creatures-display,.doors-display,.passages-display{gap:.5rem;margin-bottom:8px}.door-interaction-wrapper,.passage-interaction-wrapper{padding:.25rem}.active-interaction{gap:.4rem;margin-top:8px;padding-top:8px}.active-interaction h3{font-size:.95rem;margin-bottom:.4rem;padding-bottom:.2rem}.default-message{padding:1.5rem;font-size:.9rem}}@media(max-width:480px){.interactions-section{padding:.625rem}.interactions-section h2{font-size:1rem;margin-bottom:.75rem;padding-bottom:.35rem}.interactions-content{font-size:.8rem;gap:.625rem}.creatures-display,.doors-display,.passages-display{gap:.4rem;margin-bottom:6px}.active-interaction{gap:.35rem;margin-top:6px;padding-top:6px}.active-interaction h3{font-size:.9rem;margin-bottom:.35rem;padding-bottom:.2rem}.default-message{padding:1.25rem;font-size:.85rem}.default-message p{font-size:.85rem}}.cronos-container{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:6px 8px;margin:0;color:#ccc;max-height:160px;overflow:hidden;width:fit-content}.cronos-container h4{margin:0 0 6px;color:#fff;font-size:12px;text-align:center;border-bottom:1px solid #444;padding-bottom:4px;line-height:1}.time-display{margin-bottom:6px;padding:4px 6px;background-color:#333;border-radius:3px}.time-display p{margin:1px 0;font-size:11px;color:#ccc;line-height:1.2}.mode-controls{display:flex;gap:3px;margin-bottom:6px;flex-wrap:wrap}.mode-controls button{flex:1;min-width:45px;padding:3px 6px;border:1px solid #555;border-radius:3px;background-color:#333;color:#ccc;font-size:11px;cursor:pointer;transition:all .2s;line-height:1}.mode-controls button:hover{background-color:#444}.mode-controls button.active{background-color:#3498db;color:#fff;border-color:#3498db}.round-input{display:flex;align-items:center;gap:4px;margin-bottom:4px}.cronos-label{font-size:11px;color:#aaa;font-weight:500;min-width:45px}.round-input input{flex:1;padding:3px 5px;border:1px solid #555;border-radius:3px;background-color:#333;color:#fff;font-size:11px;min-width:45px;height:24px}.round-input input:focus{outline:none;border-color:#3498db;background-color:#3a3a3a}.round-input button{padding:3px 5px;border:1px solid #555;border-radius:3px;background-color:#333;color:#ccc;font-size:11px;cursor:pointer;min-width:22px;height:24px;transition:all .2s;line-height:1}.round-input button:hover{background-color:#444}.speed-display{font-size:11px;color:#aaa;font-weight:500;min-width:30px;text-align:center}@media(max-width:768px){.cronos-container{padding:4px 5px;max-height:100px}.mode-controls{gap:2px}.mode-controls button{min-width:40px;padding:2px 4px;font-size:10px}.round-input{gap:3px}.round-input input{min-width:40px;height:20px}.round-input button{min-width:18px;padding:2px 4px;height:20px}}.character-carousel-container{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.character-carousel{display:flex;gap:.2rem;overflow-x:auto;padding:.1rem;scrollbar-width:thin;scrollbar-color:#555 #333}.character-carousel::-webkit-scrollbar{height:2px}.character-carousel::-webkit-scrollbar-track{background:#333;border-radius:2px}.character-carousel::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.character-carousel::-webkit-scrollbar-thumb:hover{background:#777}.character-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:#333;border:1px solid #444;border-radius:5px;cursor:pointer;transition:all .2s ease;min-width:90px;max-width:108px;height:135px;text-decoration:none;color:inherit;justify-content:center}.character-card:hover{background:#444;border-color:#666;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.character-card.active{background:#1a3a1a6b;border-color:#2d5a2d;box-shadow:0 0 10px #1a3a1a99}.character-card.active:hover{background:#2d5a2d77;border-color:#3a7a3a}.character-portrait{position:relative;width:100%;height:95px;border-radius:5px;overflow:hidden;background:#55555580;display:flex;align-items:center;justify-content:center;border:1px solid #666}.character-card.active .character-portrait{border-color:#fff}.character-portrait img{width:100%;height:100%;object-fit:cover;display:block}.character-portrait-fallback{display:none;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;font-weight:700;align-items:center;justify-content:center}.character-portrait img:not([src]),.character-portrait img[src=""],.character-portrait img[src*="data:image/svg+xml"]{display:none}.character-portrait img:not([src])+.character-portrait-fallback,.character-portrait img[src=""]+.character-portrait-fallback,.character-portrait img[src*="data:image/svg+xml"]+.character-portrait-fallback{display:flex}.character-info{display:flex;flex-direction:column;align-items:center;gap:.05rem;text-align:center;width:100%}.character-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.1;text-align:center}.character-card.active .character-name{color:#fff;font-weight:300}@media(max-width:768px){.character-carousel-container{margin-left:.1rem}.character-carousel{gap:.1rem}.character-card{min-width:72px;max-width:81px;padding:.5rem;height:120px}.character-portrait{width:100%;height:70px}.character-name{font-size:11px}.character-portrait-fallback{font-size:20px}}@media(max-width:480px){.character-carousel-container{margin-left:.25rem}.character-card{min-width:63px;max-width:72px;padding:.5rem;height:105px}.character-portrait{width:100%;height:60px}.character-name{font-size:10px}.character-portrait-fallback{font-size:16px}}.artifex-container{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a;color:#fff}.artifex-container *,.artifex-container * span,.artifex-container * font{color:inherit}.artifex-container h1 *,.artifex-container h2 *,.artifex-container h3 *,.artifex-container h4 *,.artifex-container p *,.artifex-container button *,.artifex-container label *{color:inherit!important}.artifex{display:flex;flex:1;gap:1rem;padding:.75rem;box-sizing:border-box;overflow:hidden}.artifex-header{padding:.75rem;background-color:#2a2a2a;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-height:100px;position:relative}.header-left{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-shrink:0;margin-left:165px}.action-buttons{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;background-color:#1a1a1a;padding:.5rem;border-radius:0 5px 5px 0;border:1px solid #333;border-left:none;position:absolute;top:0;left:0;bottom:0;width:155px}.action-button{padding:.3rem .75rem;background-color:#2a2a2a;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.8rem;white-space:nowrap;width:100%;text-align:center}.action-button:hover{background-color:#3a3a3a;border-color:#555}.artifex-header h1{margin:0;font-size:1.65rem;color:#fff;line-height:1;font-weight:700}.artifex-header .cronos-container,.artifex-header .char-carousel{flex-shrink:0}.scene-navigation{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.scene-button{padding:.5rem 1rem;background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s ease}.scene-button:hover{background-color:#444}.scene-button.active{background-color:#4caf50;border-color:#45a049}.artifex-content{display:flex;flex:1;gap:1rem;min-height:0;overflow:hidden}.chat-container{flex:1;min-width:0;min-height:0;overflow:hidden}.interactions-container{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;min-height:0;height:auto}.interactions-section{background-color:#2a2a2a;border-radius:8px;padding:1rem;color:#fff;flex-shrink:0;height:auto;min-height:100%;display:flex;flex-direction:column}.interactions-section h2{margin:0 0 1rem;color:#3498db;font-size:1.2rem}.interactions-content{white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.4;text-align:left;max-height:none;display:flex;flex-direction:column;gap:1rem;flex:1}.interactions-content-wrapper{display:flex;flex-direction:column;gap:1rem}.interactions-container::-webkit-scrollbar{width:8px}.interactions-container::-webkit-scrollbar-track{background:#2a2a2a}.interactions-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.interactions-container::-webkit-scrollbar-thumb:hover{background:#555}.states-container{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0;overflow-y:auto;min-height:0}.state-section{background-color:#2a2a2a;border-radius:8px;padding:1rem;color:#fff;flex-shrink:0}.state-section h2{margin:0 0 1rem;color:#3498db;font-size:1.2rem}.state-content{white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.4;text-align:left;overflow-y:auto;max-height:none;display:flex;flex-direction:column;gap:1rem}.states-container::-webkit-scrollbar{width:8px}.states-container::-webkit-scrollbar-track{background:#2a2a2a}.states-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.states-container::-webkit-scrollbar-thumb:hover{background:#555}.state-content::-webkit-scrollbar{width:8px}.state-content::-webkit-scrollbar-track{background:#2a2a2a}.state-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.state-content::-webkit-scrollbar-thumb:hover{background:#555}.scene-info{background-color:#2a2a2a;border-radius:8px;padding:1rem;overflow-y:auto}.scene-info h2{margin:0 0 1rem;color:#fff;font-size:1.25rem}.scene-info p{margin:0 0 1rem;color:#ccc;line-height:1.5}.scene-exits,.scene-features{margin-top:1rem}.scene-exits h3,.scene-features h3{color:#fff;font-size:1rem;margin:0 0 .5rem}.scene-exits ul,.scene-features ul{list-style:none;padding:0;margin:0}.scene-exits li,.scene-features li{color:#ccc;padding:.25rem 0}.loading{display:flex;justify-content:center;align-items:center;height:100%;color:#fff;font-size:1.2rem}.error{display:flex;justify-content:center;align-items:center;height:100%;color:#f44336;font-size:1.2rem}@media(max-width:1024px){.artifex{gap:.75rem;padding:.625rem}.artifex-content{gap:.75rem}.interactions-section,.state-section,.scene-info{padding:.875rem}}@media(max-width:768px){.artifex-container{height:auto;min-height:100vh}.artifex{flex-direction:column;gap:.75rem;padding:.5rem}.artifex-header{flex-direction:column;gap:.5rem;min-height:auto;padding:.5rem}.header-left{width:100%;justify-content:center;gap:.5rem;margin-left:0}.action-buttons{position:static;width:auto;gap:.2rem;padding:.4rem;border-radius:5px;border:1px solid #333}.action-button{padding:.25rem .65rem;font-size:.7rem;width:auto;min-width:115px}.artifex-header h1{font-size:1.2375rem}.artifex-content{flex-direction:column;gap:.75rem}.chat-container,.interactions-container,.states-container{width:100%;min-width:0}.interactions-section,.state-section{padding:.75rem}.interactions-section h2,.state-section h2{font-size:1.1rem}.interactions-content,.state-content{font-size:.85rem}.scene-info{padding:.75rem}.scene-info h2{font-size:1.1rem}.scene-info p{font-size:.9rem}}@media(max-width:480px){.artifex{padding:.375rem;gap:.5rem}.artifex-header{padding:.375rem}.header-left{flex-direction:column;gap:.25rem;margin-left:0}.action-buttons{gap:.15rem;padding:.3rem}.action-button{padding:.2rem .55rem;font-size:.65rem;width:auto;min-width:95px}.artifex-header h1{font-size:.9625rem}.artifex-content{gap:.5rem}.interactions-section,.state-section{padding:.625rem}.interactions-section h2,.state-section h2{font-size:1rem;margin-bottom:.75rem}.interactions-content,.state-content{font-size:.8rem;gap:.75rem}.scene-info{padding:.625rem}.scene-info h2{font-size:1rem}.scene-info p{font-size:.85rem}.scene-exits h3,.scene-features h3{font-size:.9rem}}.save-confirm-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.save-confirm-modal{background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.save-confirm-header{background:#2a2a2a;padding:1rem 1.5rem;border-bottom:1px solid #333}.save-confirm-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.save-confirm-content{padding:1.5rem;color:#e0e0e0;line-height:1.5}.save-confirm-content p{margin:0 0 1rem}.save-confirm-content p:last-of-type{margin-bottom:1.5rem}.save-confirm-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#2a2a2a;border-top:1px solid #333;flex-wrap:wrap}.save-confirm-btn{flex:1;min-width:120px;padding:.75rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.save-stay-btn{background:#28a745;color:#fff}.save-stay-btn:hover{background:#218838}.save-dashboard-btn{background:#3498db;color:#fff}.save-dashboard-btn:hover{background:#2980b9}@media(max-width:768px){.save-confirm-modal{width:95%;margin:1rem}.save-confirm-actions{flex-direction:column}.save-confirm-btn{min-width:auto}.save-confirm-header h3{font-size:1.1rem}.save-confirm-content{padding:1rem}}