.modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(3px);display:grid;place-items:start center;padding:clamp(16px,4vh,48px) 16px;z-index:10000}.modal{width:min(720px,100%);max-height:calc(100dvh - (2*clamp(16px,4vh,48px)));background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .modal{background:var(--bg-secondary)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}[data-theme=dark] .modal-header{background:var(--bg-secondary)}.modal-title{margin:0;font-size:1rem;font-weight:800;color:var(--text-primary)}.modal-close{min-width:44px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.modal-close:hover{background:var(--bg-tertiary)}.modal-body{padding:0;overflow:auto;min-height:0}body.modal-open{overflow:hidden}.command-palette-modal{width:min(720px,100%)}.command-palette{width:100%;background:transparent;border-radius:0;box-shadow:none;overflow:hidden}.command-palette-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light)}.command-palette-icon{font-size:1.4rem;opacity:.7}.command-palette-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1.1rem;outline:none}.command-palette-input::placeholder{color:var(--text-tertiary)}.command-palette-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:6px 8px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:all .2s}.command-palette-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.command-palette-close:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.command-palette-results{max-height:400px;overflow-y:auto;padding:8px}.command-palette-empty{padding:40px 20px;text-align:center;color:var(--text-tertiary)}.command-palette-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-secondary)}.command-palette-item.selected{box-shadow:0 0 0 2px var(--primary-color)}.command-item-icon{font-size:1.2rem;flex-shrink:0}.command-item-label{flex:1;color:var(--text-primary);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-footer{display:flex;gap:16px;padding:10px 20px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.command-hint{font-size:.75rem;color:var(--text-tertiary);font-weight:600}@media(max-width:768px){.command-palette{width:95vw}.command-palette-results{max-height:300px}}.template-library{width:100%;max-height:85vh;display:flex;flex-direction:column}.template-library-modal{width:min(900px,100%)}.template-library-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-light)}.template-library-header h2{margin:0;font-size:1.75rem;color:var(--text-primary)}.template-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.template-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.template-close-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.template-search{padding:20px 28px;border-bottom:1px solid var(--border-light)}.template-search-input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.template-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.template-categories{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--border-light);overflow-x:auto;-webkit-overflow-scrolling:touch}.category-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;min-height:44px}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:24px 28px;overflow-y:auto;flex:1}.template-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.template-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.template-icon{font-size:2.5rem;margin-bottom:4px}.template-name{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:700}.template-description{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.template-category-badge{display:inline-block;padding:4px 10px;background:#667eea1a;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600;margin-top:8px;align-self:flex-start}.template-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-tertiary)}.template-empty p{font-size:1.1rem}@media(max-width:768px){.template-library{max-width:100%;max-height:90vh;border-radius:var(--radius-lg)}.template-library-header{padding:20px}.template-library-header h2{font-size:1.4rem}.template-search,.template-categories,.template-grid{padding:16px 20px}.template-grid{grid-template-columns:1fr}.template-card{padding:16px}}.smart-search{width:100%;max-height:min(80vh,620px);display:flex;flex-direction:column}.smart-search-modal{width:min(720px,100%)}.smart-search-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:2px solid var(--primary-color);background:var(--bg-secondary)}.smart-search-icon{font-size:1.8rem;flex-shrink:0}.smart-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1.1rem;outline:none}.smart-search-input::placeholder{color:var(--text-tertiary);font-size:.95rem}.smart-search-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;padding:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.smart-search-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.smart-search-close:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.smart-search-hint{padding:12px 24px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;border-bottom:1px solid var(--border-light)}.smart-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.smart-search-loading p{color:var(--text-secondary);font-size:1rem}.smart-search-error{display:flex;align-items:center;gap:12px;padding:24px;color:var(--danger-color)}.error-icon{font-size:1.5rem}.smart-search-results{flex:1;overflow-y:auto;padding:8px}.results-header{padding:12px 16px;font-size:.85rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-result-item{padding:16px;margin:4px 0;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;border:2px solid transparent}.search-result-item:hover,.search-result-item.selected{background:var(--bg-secondary);border-color:var(--primary-color)}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.result-icon{font-size:1.2rem;flex-shrink:0}.result-title{flex:1;margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.result-score{font-size:.75rem;padding:3px 8px;background:#667eea1a;color:var(--primary-color);border-radius:12px;font-weight:600}.result-excerpt{margin:8px 0 0 32px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.result-excerpt mark{background:#ffeb3b66;color:var(--text-primary);font-weight:600;padding:2px 4px;border-radius:3px}.result-meta{margin-top:8px;margin-left:32px;display:flex;gap:12px;font-size:.8rem;color:var(--text-tertiary)}.result-folder{display:flex;align-items:center;gap:4px}.smart-search-empty{padding:60px 24px;text-align:center}.empty-icon{font-size:3rem;display:block;margin-bottom:16px}.smart-search-empty p{color:var(--text-secondary);font-size:1.1rem;margin:8px 0}.search-examples{margin-top:24px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);text-align:left}.search-examples p{margin:0 0 12px;font-weight:600;color:var(--text-primary)}.search-examples ul{margin:0;padding-left:20px}.search-examples li{margin:8px 0;color:var(--text-secondary)}.smart-search-footer{display:flex;gap:16px;padding:12px 24px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.footer-hint{font-size:.75rem;color:var(--text-tertiary);font-weight:600}@media(max-width:768px){.smart-search{width:95vw;max-height:85vh}.smart-search-header{padding:16px}.smart-search-input{font-size:1rem}.smart-search-input::placeholder{font-size:.85rem}.result-excerpt,.result-meta{margin-left:0}}