@charset "UTF-8";
/* CSS Document */

body { background-color: #f8f9fa; }
.container-fluid { max-width: 1600px; }
.card { box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
.card-header { font-weight: 600; }
.form-label { font-weight: 500; display: inline-flex; align-items: center; }
.info-icon { color: #0d6efd; cursor: pointer; margin-left: 5px; font-size: 0.9em; }
.output-card textarea { font-family: 'Courier New', Courier, monospace; background-color: #e9ecef; white-space: pre; }
.btn-close { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 10; }
.character-card, .dialog-card, .action-card { position: relative; padding-top: 2rem; }
.scene-card { transition: all 0.2s ease-in-out; }
.scene-card .scene-click-area { cursor: pointer; }
.scene-card:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.1); }
.scene-card.selected { border-color: #0d6efd; border-width: 2px; background-color: #e7f1ff; }
.scene-settings-card { border-left: 4px solid #fd7e14; }
.scene-prompt-card { border-left: 4px solid #198754; }
#scene-prompts-output { max-height: 500px; overflow-y: auto; padding-right: 15px; }
.footer { margin-top: 2rem; padding: 1rem 0; background-color: #f1f1f1; text-align: center; }