*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb}#root{min-height:100vh}*{box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}.annotation-tool{max-width:1280px;margin:0 auto;padding:1.5rem;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.header-left{flex:1}.header-right{margin-left:2rem;padding-top:.5rem}.chat-link-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px -1px #0000001a}.chat-link-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px -1px #00000026}.title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.meta-info{display:flex;gap:1rem;align-items:center;font-size:.875rem;color:#6b7280}.meta-item{display:flex;align-items:center;gap:.25rem}.grid-layout{display:grid;grid-template-columns:7fr 5fr;gap:1.5rem}@media (max-width: 1024px){.grid-layout{grid-template-columns:1fr}}.panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.panel.story-text-panel{height:calc(100vh - 180px);display:flex;flex-direction:column}.panel.story-text-panel .text-content{flex:1;max-height:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.panel.story-text-panel .text-content::-webkit-scrollbar{width:8px}.panel.story-text-panel .text-content::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.panel.story-text-panel .text-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.panel.story-text-panel .text-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.side-panels-container{height:calc(100vh - 180px);overflow:visible}.panel-header{border-bottom:1px solid #e5e7eb;padding:1rem;display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.text-content{padding:1.5rem;font-size:1rem;line-height:1.75;max-height:calc(100vh - 200px);overflow-y:auto}.sentence{display:inline-block;margin-bottom:.5rem;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.sentence:hover{box-shadow:0 1px 2px #0000001a}.human-original{background-color:#dbeafe;border-left:4px solid #3b82f6}.ai-generated{background-color:#fecaca;border-left:4px solid #ef4444}.collaborative{background-color:#e9d5ff;border-left:4px solid #8b5cf6}.ai-inspired{background-color:#fed7aa;border-left:4px solid #f97316}.text-annotation{padding:.125rem .25rem;border-radius:.25rem;cursor:help;transition:all .2s ease}.text-annotation:hover{opacity:.8}.text-annotation-human-original{background-color:#f0f9ff;border-bottom:2px solid #3b82f6}.text-annotation-ai-generated{background-color:#fef2f2;border-bottom:2px solid #ef4444}.text-annotation-collaborative{background-color:#faf5ff;border-bottom:2px solid #8b5cf6}.text-annotation-ai-inspired{background-color:#fff7ed;border-bottom:2px solid #f97316}.text-annotation-human-edited-ai{background-color:#f0fdf4;border-bottom:2px solid #22c55e}.hover-gray{background-color:#f9fafb}.story-element{padding:.25rem;border-radius:.25rem;font-weight:500;cursor:pointer;display:inline}.story-element.character{background-color:#e0e7ff;color:#3730a3;border-bottom:2px solid #a5b4fc}.story-element.plot-point{background-color:#dcfce7;color:#166534;border-bottom:2px solid #86efac}.story-element.setting{background-color:#fef3c7;color:#92400e;border-bottom:2px solid #fcd34d}.story-element.literary-device{background-color:#fce7f3;color:#be185d;border-bottom:2px solid #f9a8d4}.story-element.theme{background-color:#f3e8ff;color:#7c2d12;border-bottom:2px solid #c4b5fd}.story-element.dialogue{background-color:#cffafe;color:#155e75;border-bottom:2px solid #67e8f9}.tab-container{display:flex;gap:.5rem}.tab-btn{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}.tab-btn.active{background-color:#dbeafe;color:#1d4ed8}.tab-btn.inactive{background-color:transparent;color:#6b7280}.tab-btn:hover{background-color:#f3f4f6}.btn{padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-icon{color:#3b82f6;background-color:transparent}.btn-icon:hover{background-color:#dbeafe}.btn-primary{background-color:#3b82f6;color:#fff;font-weight:500}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb}.btn-full{width:100%;padding:.5rem;text-align:left;display:flex;align-items:center;gap:.5rem}.btn-next-story{width:100%;padding:.75rem;text-align:left;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.chat-container{padding:1rem;max-height:16rem;overflow-y:auto}.chat-message{display:flex;gap:.75rem;margin-bottom:.75rem}.chat-icon{flex-shrink:0;margin-top:.25rem}.chat-human{color:#2563eb}.chat-ai{color:#dc2626}.chat-timestamp{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.chat-content{font-size:.875rem;background-color:#f9fafb;padding:.5rem;border-radius:.25rem}.element-filters{border-bottom:1px solid #e5e7eb;padding:.75rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:500}.filter-btn.active{background-color:#dbeafe;color:#1d4ed8}.filter-btn.inactive{background-color:transparent;color:#6b7280}.filter-btn:hover{background-color:#f3f4f6}.elements-container{padding:1rem;max-height:24rem;overflow-y:auto}.element-card{border:1px solid #e5e7eb;border-radius:.25rem;padding:.75rem;margin-bottom:.75rem;transition:box-shadow .2s,transform .2s,border-color .2s}.element-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px);border-color:#3b82f6}.element-card.unaccepted{background-color:#fef3c7;border-color:#f59e0b;border-width:2px}.element-card.unaccepted:hover{background-color:#fde68a;border-color:#d97706}.element-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.element-type-badge{font-size:.75rem;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;font-weight:500}.element-badges{display:flex;gap:.25rem}.importance-major{background-color:#dcfce7;color:#166534}.importance-minor{background-color:#fef3c7;color:#92400e}.importance-moderate{background-color:#f3f4f6;color:#374151}.origin-human{background-color:#dbeafe;color:#1d4ed8}.origin-ai{background-color:#fecaca;color:#dc2626}.origin-collaborative{background-color:#e9d5ff;color:#7c2d12}.element-name{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.element-description{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.element-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.element-tag{font-size:.75rem;background-color:#f9fafb;padding:.125rem .25rem;border-radius:.125rem;border:1px solid #e5e7eb}.element-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.actions-container{padding:1rem}.action-list{display:flex;flex-direction:column;gap:.5rem}.action-divider{border:none;border-top:1px solid #e5e7eb;margin:.5rem 0}.legend{margin-top:1rem;background-color:#f9fafb;padding:1rem;border-radius:.5rem}.legend-section{margin-bottom:1rem}.legend-section:last-child{margin-bottom:0}.legend-title{font-weight:500;margin-bottom:.75rem}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.875rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:1rem;height:1rem;border-radius:.125rem}.legend-element{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-column{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.form-input,.form-select,.form-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-select.validation-error{border-color:#dc2626;background-color:#fef2f2}.validation-message{margin-top:.25rem;font-size:.75rem;color:#dc2626}.form-textarea{height:6rem;resize:vertical}.selected-text-preview{margin-top:1.5rem;padding:1rem;background-color:#dbeafe;border-radius:.5rem}.selected-text-content{background-color:#fff;padding:.75rem;border-radius:.25rem;border:1px solid #d1d5db;font-size:.875rem;font-style:italic;margin-bottom:.5rem}.checkbox-group{display:flex;align-items:center;margin-top:.5rem}.checkbox-group input{margin-right:.5rem}.checkbox-group label{font-size:.875rem;margin:0}.type-specific-section{margin-top:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.type-specific-title{font-weight:500;margin-bottom:.75rem}.type-specific-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:.75rem;margin-top:2rem}.modal-btn{flex:1;padding:.75rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-btn-primary{background-color:#3b82f6;color:#fff}.modal-btn-primary:hover{background-color:#2563eb}.modal-btn-secondary{background-color:transparent;color:#374151;border:1px solid #d1d5db}.modal-btn-secondary:hover{background-color:#f9fafb}.attribution-modal{max-width:48rem}.attribution-preview{background-color:#f3f4f6;padding:.75rem;border-radius:.25rem;margin-bottom:1rem;font-size:.875rem;font-style:italic}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}.paragraph{padding:1rem;margin-bottom:1rem;border-radius:.5rem;border-left:4px solid transparent;cursor:pointer;transition:all .2s ease;background-color:#f9fafb;position:relative}.paragraph:hover{background-color:#f3f4f6;box-shadow:0 1px 3px #0000001a}.paragraph.tagged{border-left-color:#3b82f6;background-color:#eff6ff}.paragraph.tagged:hover{background-color:#dbeafe}.paragraph.selected{border-left-color:#1d4ed8;background-color:#dbeafe;box-shadow:0 4px 6px -1px #0000001a}.paragraph-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.paragraph-tag{background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.paragraph-tag.character{background-color:#3730a3}.paragraph-tag.plot-point{background-color:#166534}.paragraph-tag.setting{background-color:#92400e}.paragraph-tag.literary-device{background-color:#be185d}.paragraph-tag.theme{background-color:#7c2d12}.paragraph-tag.dialogue{background-color:#155e75}.view-instructions{background-color:#f9fafb}.element-tagging-modal{max-width:48rem}.selected-paragraph-preview{background-color:#f3f4f6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.selected-paragraph-text{font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.selected-paragraph-meta{font-size:.75rem;color:#6b7280;font-weight:500}.element-selection-section{margin-bottom:1.5rem}.element-selection-title{font-weight:500;margin-bottom:1rem;color:#374151}.element-type-selection{margin-bottom:1.5rem}.element-type-selection-title{font-weight:500;margin-bottom:1rem;color:#374151}.element-type-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.element-type-btn{padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s;text-align:left}.element-type-btn:hover:not(:disabled){border-color:#3b82f6;background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.element-type-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.element-type-btn-label{font-weight:500;font-size:.875rem;color:#374151;margin-bottom:.25rem}.element-type-btn-count{font-size:.75rem;color:#6b7280}.filtered-element-selection{margin-bottom:1rem}.element-type-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.back-to-types-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s}.back-to-types-btn:hover{background-color:#f3f4f6;color:#2563eb}.selected-type-title{font-weight:500;color:#374151}.element-list{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.element-option{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.element-option:hover{background-color:#f9fafb;border-color:#d1d5db}.element-option.selected{background-color:#dbeafe;border-color:#3b82f6}.element-option-info{flex:1}.element-option-name{font-weight:500;margin-bottom:.25rem}.element-option-details{font-size:.75rem;color:#6b7280}.element-option-checkbox{margin-left:1rem}.create-new-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-bottom:1.5rem}.create-new-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:transparent;border:1px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.create-new-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#f9fafb}.tagging-actions{display:flex;gap:.75rem}.toast-notification{position:fixed;top:2rem;right:2rem;z-index:1000;animation:slideInFromRight .3s ease-out}.toast-content{background-color:#059669;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:.875rem;font-weight:500;max-width:300px;word-wrap:break-word}.toast-content.error{background-color:#dc2626}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}