:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f1f3;--border-color: #e5e7eb;--text-primary: #1a1a2e;--text-secondary: #6b7280;--accent: #4f46e5;--accent-dim: rgba(79, 70, 229, .1);font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.bookshelf{flex:1;padding:32px;max-width:1200px;margin:0 auto;width:100%}.bookshelf-header{margin-bottom:32px}.bookshelf-header h1{font-size:1.8rem;font-weight:700;color:var(--accent);text-align:center}.bookshelf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.book-card{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.book-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;border-color:var(--accent-dim)}.book-card-icon{font-size:2rem;margin-bottom:8px}.book-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.82rem;color:var(--text-secondary)}.book-type-tag{background-color:var(--accent-dim);color:var(--accent);padding:1px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.book-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;border:2px dashed var(--border-color);background-color:transparent}.book-card-add:hover{border-color:var(--accent);background-color:var(--bg-secondary)}.add-icon{font-size:2.4rem;color:var(--accent);margin-bottom:4px}.bookshelf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.bookshelf-empty .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.bookshelf-empty h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:8px}.bookshelf-empty p{font-size:.95rem;color:var(--text-secondary)}.dialog-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:28px;width:440px;max-width:90vw;position:relative;box-shadow:0 16px 48px #00000080}.dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s}.dialog-close:hover{background-color:var(--border-color);color:var(--text-primary)}.dialog-title{font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:20px}.step-indicators{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.step-dot{width:10px;height:10px;border-radius:50%;background-color:var(--border-color);transition:background-color .3s,transform .3s}.step-dot.active{background-color:var(--accent);transform:scale(1.3)}.step-dot.done{background-color:var(--accent-dim)}.dialog-body{margin-bottom:24px}.dialog-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;margin-top:16px}.dialog-label:first-child{margin-top:0}.dialog-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.dialog-input:focus{border-color:var(--accent)}.dialog-input::placeholder{color:var(--text-secondary);opacity:.6}select.dialog-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a6adc8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.confirm-info{background-color:var(--bg-tertiary);border-radius:10px;padding:16px}.confirm-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.92rem}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--text-secondary);font-weight:500}.confirm-path{color:var(--text-secondary);font-size:.82rem;word-break:break-all;text-align:right;max-width:60%}.confirm-hint{margin-top:14px;font-size:.82rem;color:var(--text-secondary);text-align:center}.dialog-footer{display:flex;justify-content:flex-end;gap:10px}.dialog-btn{padding:8px 20px;border-radius:8px;border:none;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s,opacity .2s}.dialog-btn:active{opacity:.8}.dialog-btn-primary{background-color:var(--accent);color:var(--bg-tertiary)}.dialog-btn-primary:hover{background-color:#d4b8ff}.dialog-btn-secondary{background-color:var(--border-color);color:var(--text-primary)}.dialog-btn-secondary:hover{background-color:#45475a}.writer-layout{display:flex;height:100vh;overflow:hidden}.writer-sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:12px 14px;border-bottom:1px solid var(--border-color)}.book-title-sidebar{font-size:.9rem;margin:8px 0 0;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;color:var(--text-secondary)}.chapter-count{font-weight:600}.btn-add-chapter{background:var(--accent);color:var(--bg-tertiary);border:none;border-radius:4px;width:24px;height:24px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-add-chapter:hover{opacity:.8}.sidebar-toggle{display:none}.chapter-list{list-style:none;padding:0;margin:0;flex:1}.chapter-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;font-size:.85rem;border-left:3px solid transparent;transition:all .1s}.chapter-item:hover{background:var(--bg-tertiary)}.chapter-item.active{background:var(--accent-dim);border-left-color:var(--accent)}.chapter-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.btn-delete-chapter{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.7rem;opacity:0;padding:2px 4px;border-radius:3px}.chapter-item:hover .btn-delete-chapter{opacity:1}.btn-delete-chapter:hover{background:#f38ba8;color:#fff}.writer-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.editor-header h2{font-size:1.1rem;margin:0}.dirty-indicator{font-size:.75rem;color:#f9e2af}.editor-container{flex:1;position:relative;overflow:hidden}.editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.ai-panel{border-top:1px solid var(--border-color);background:var(--bg-secondary);transition:max-height .2s}.ai-panel.open{max-height:50vh}.ai-panel-toggle{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;cursor:pointer;font-size:.85rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.ai-panel-toggle:hover{background:var(--bg-tertiary)}.toggle-icon{font-size:.7rem}.ai-panel-body{padding:0 16px 12px;max-height:calc(50vh - 36px);overflow-y:auto}.framework-selector{margin-bottom:12px}.framework-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.framework-buttons{display:flex;gap:4px;flex-wrap:wrap}.fw-btn{padding:3px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.fw-btn:hover{border-color:var(--accent);color:var(--text-primary)}.fw-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.framework-skeleton{margin-top:6px;padding:6px 10px;background:var(--accent-dim);border-radius:4px;font-size:.75rem;color:var(--accent);line-height:1.5}.framework-cat{margin-bottom:6px}.framework-cat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:3px}.ai-quick-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ai-quick-actions button{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;cursor:pointer}.ai-quick-actions button:hover:not(:disabled){border-color:var(--accent)}.ai-quick-actions button:disabled{opacity:.4;cursor:not-allowed}.ai-response{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:12px;max-height:200px;overflow-y:auto}.ai-typing{color:var(--text-secondary);font-style:italic}.ai-response-text{font-size:.85rem;line-height:1.6;white-space:pre-wrap}.ai-response-actions{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color)}.btn-accept{padding:6px 14px;background:#a6e3a1;color:#1e1e2e;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:600}.btn-dismiss{padding:6px 14px;background:var(--border-color);color:var(--text-secondary);border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.ai-input-row{display:flex;gap:8px}.ai-input-row input{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem}.ai-input-row input:focus{outline:none;border-color:var(--accent)}.ai-input-row button{padding:8px 16px;background:var(--accent);color:var(--bg-tertiary);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.ai-input-row button:disabled{opacity:.4;cursor:not-allowed}.ai-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:12px}.ai-tabs button{padding:6px 14px;background:none;border:none;font-size:.8rem;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.ai-tabs button:hover{color:var(--text-primary)}.ai-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.fw-lifecycle{font-size:.55rem;color:var(--text-secondary);margin-left:4px;opacity:.6}.active-frameworks{max-height:30vh;overflow-y:auto}.active-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;margin-bottom:4px;font-size:.8rem;background:var(--bg-tertiary)}.active-item.persistent{border-left:3px solid #a855f7}.active-item.toggle{border-left:3px solid #3b82f6}.active-item.stack{border-left:3px solid #f59e0b}.active-item.resolved{opacity:.5}.active-badge{font-size:.6rem;padding:1px 6px;border-radius:3px;font-weight:600;white-space:nowrap}.active-item.persistent .active-badge{background:#a855f720;color:#a855f7}.active-item.toggle .active-badge{background:#3b82f620;color:#3b82f6}.active-item.stack .active-badge{background:#f59e0b20;color:#b45309}.active-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-time{font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.btn-resolve{padding:2px 8px;font-size:.7rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-resolve:hover{opacity:.8}.resolved-list{margin-top:8px}.resolved-list summary{font-size:.75rem;color:var(--text-secondary);cursor:pointer}.empty-hint-small{font-size:.8rem;color:var(--text-secondary);text-align:center;padding:16px}.activity-log{max-height:30vh;overflow-y:auto}.log-entry{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.75rem;border-bottom:1px solid var(--border-color)}.log-time{color:var(--text-secondary);font-size:.65rem;white-space:nowrap;min-width:70px}.log-action{width:16px;height:16px;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:700}.log-activate{background:#22c55e20;color:#16a34a}.log-deactivate{background:#ef444420;color:#dc2626}.log-stack_add{background:#f59e0b20;color:#b45309}.log-stack_resolve{background:#3b82f620;color:#2563eb}.log-one_shot{background:#a855f720;color:#9333ea}.log-note{background:#6b728020;color:#6b7280}.log-fw{font-weight:600;white-space:nowrap}.log-detail{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.selection-bubble-backdrop{position:fixed;inset:0;z-index:99}.selection-bubble{position:fixed;z-index:100;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:8px;box-shadow:0 4px 16px #0006;display:flex;gap:2px;padding:4px}.bubble-item{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:6px;min-width:64px}.bubble-item:hover{background:var(--accent-dim)}.bubble-label{font-size:.85rem}.bubble-desc{font-size:.65rem;color:var(--text-secondary);margin-top:1px}.book-view{flex:1;padding:32px;max-width:900px;margin:0 auto;width:100%}.book-view-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.book-view-header h1{font-size:1.6rem;margin:0;flex:1}.btn-back{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);padding:6px 14px;cursor:pointer;font-size:.9rem;transition:all .15s}.btn-back:hover{background:var(--border-color);color:var(--text-primary)}.book-view-body{display:flex;flex-direction:column;gap:24px}.book-section h3{font-size:1rem;margin-bottom:12px;color:var(--text-secondary)}.book-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meta-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px;text-align:center}.meta-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.empty-hint{padding:32px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px}.settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-header h2{font-size:1.1rem;margin:0}.btn-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-close:hover{background:var(--border-color);color:var(--text-primary)}.settings-body{padding:20px}.settings-section{margin-bottom:24px}.settings-section label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.key-row{display:flex;gap:8px}.key-row input{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:monospace}.key-row input:focus{outline:none;border-color:var(--accent)}.key-row button{padding:8px 12px;background:var(--border-color);border:none;border-radius:6px;cursor:pointer;font-size:1rem}.key-row button:hover{background:var(--text-secondary)}.hint{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.info-banner{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;color:var(--text-secondary)}.model-select{display:flex;gap:8px}.model-select button{flex:1;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s}.model-select button:hover{border-color:var(--text-secondary)}.model-select button.active{border-color:var(--accent);background:var(--accent-dim)}.model-name{display:block;font-size:.85rem;color:var(--text-primary);font-weight:600}.model-desc{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:2px}.btn-test{padding:8px 16px;background:var(--accent);color:var(--bg-tertiary);border:none;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:600}.btn-test:hover{opacity:.9}.btn-test:disabled{opacity:.5;cursor:not-allowed}.test-result{margin-top:10px;padding:10px;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem;line-height:1.5;white-space:pre-wrap;max-height:120px;overflow-y:auto}.test-result.ok{border:1px solid #a6e3a1}.test-result.fail{border:1px solid #f38ba8;color:#f38ba8}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-item{background:var(--bg-tertiary);border-radius:6px;padding:12px;text-align:center}.stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--accent)}.stat-label{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:2px}.btn-settings{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1.2rem;padding:4px 10px;cursor:pointer;transition:all .15s}.btn-settings:hover{background:var(--border-color);color:var(--text-primary)}@media(max-width:768px){.bookshelf{padding:16px}.bookshelf-grid{grid-template-columns:1fr}.bookshelf-header h1{font-size:1.2rem}.bookshelf-header{flex-wrap:wrap;gap:8px}.settings-panel{width:95vw;max-height:90vh;border-radius:8px}.writer-layout{flex-direction:column}.writer-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;width:260px;max-width:80vw;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #00000026}.writer-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:199;background:#0000004d}.sidebar-toggle{display:flex!important;align-items:center;gap:6px;background:none;border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.sidebar-toggle:hover{background:var(--bg-tertiary)}.editor-header{padding:8px 12px;gap:8px}.editor-header h2{font-size:.95rem}.ai-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;max-height:45vh;border-top:2px solid var(--border-color);background:var(--bg-primary)}.ai-panel .ai-panel-body{max-height:calc(45vh - 36px)}.editor-container{padding-bottom:40px}.ai-quick-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.ai-quick-actions button{white-space:nowrap;flex-shrink:0}.selection-bubble{flex-wrap:wrap;max-width:90vw}.dialog{width:92vw;margin:16px}}@media(max-width:480px){.bookshelf-header h1{font-size:1rem}.book-card{padding:12px}.editor-header h2{font-size:.85rem}.ai-quick-actions button{font-size:.75rem;padding:5px 8px}.ai-input-row input{font-size:.8rem}}