*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.app{min-height:100vh}.app.loading,.app.error{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;padding:2rem;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a}.error-message button{margin-top:1rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.app-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem 0}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.header-content h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:600}.header-content p{font-size:1.1rem;opacity:.9}.stats-bar{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding:1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;max-width:800px;margin-left:auto;margin-right:auto}.stat{display:flex;align-items:center;gap:.5rem;font-weight:500}.app-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-bar{flex:1;display:flex;align-items:center;background:white;border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;min-width:300px}.search-bar svg{margin-right:.5rem;color:#666}.search-bar input{flex:1;border:none;outline:none;font-size:1rem}.filters{display:flex;gap:1rem;align-items:center}.category-filter{display:flex;align-items:center;gap:.5rem;background:white;padding:.75rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.category-filter select{border:none;outline:none;font-size:1rem;background:transparent}.view-toggle{display:flex;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.view-toggle button{padding:.75rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.view-toggle button:hover{background:#f8f9fa}.view-toggle button.active{background:#007bff;color:#fff}.results-info{margin-bottom:1rem;color:#666}.models-grid{display:grid;gap:1.5rem}.models-grid.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch}.models-grid.list{grid-template-columns:1fr}.tool-card{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.tool-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tool-icon{font-size:1.5rem}.tool-name{font-size:1.25rem;font-weight:600;color:#333}.tool-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.tool-footer{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#888;border-top:1px solid #eee;padding-top:.75rem}.empty-state{text-align:center;padding:3rem;color:#666;grid-column:1 / -1}.empty-state h3{margin-bottom:.5rem;color:#333}.tool-detail{background:white;min-height:100vh}.tool-detail-header{background:#f8f9fa;padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.back-btn:hover{background:#0056b3}.tool-detail-header h1{font-size:2rem;color:#333}.tool-detail-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tool-detail-tabs button{padding:1rem 1.5rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#666;border-bottom:3px solid transparent;transition:all .2s}.tool-detail-tabs button:hover{background:rgba(0,0,0,.05)}.tool-detail-tabs button.active{color:#007bff;border-bottom-color:#007bff;background:white}.tool-detail-content{padding:2rem;max-width:1200px;margin:0 auto}.prompt-item,.config-item{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:background-color .2s}.prompt-item:hover,.config-item:hover{background:#e9ecef}.prompt-item-header,.config-item-header{display:flex;justify-content:between;align-items:center;margin-bottom:.5rem}.prompt-item-header h3,.config-item-header h3{font-size:1.1rem;color:#333}.prompt-item-meta,.config-item-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.9rem;color:#666}.prompt-preview,.config-preview{font-size:.9rem;color:#555;line-height:1.4}.back-to-list-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:1.5rem;font-size:.9rem}.back-to-list-btn:hover{background:#545862}.prompt-viewer,.config-viewer{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.prompt-header,.config-header{background:#f8f9fa;padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.prompt-info,.config-info{flex:1}.prompt-info h3,.config-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.prompt-meta,.config-meta{display:flex;gap:1rem;font-size:.9rem;color:#666}.prompt-actions,.config-actions{display:flex;gap:.5rem;align-items:center}.view-mode-toggle{display:flex;background:white;border-radius:6px;overflow:hidden;border:1px solid #dee2e6}.view-mode-toggle button{padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.85rem;transition:background-color .2s}.view-mode-toggle button:hover{background:#f8f9fa}.view-mode-toggle button.active{background:#007bff;color:#fff}.action-btn{padding:.5rem .75rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.85rem;transition:background-color .2s}.action-btn:hover{background:#218838}.prompt-content,.config-content{max-height:600px;overflow-y:auto}.formatted-content{padding:1.5rem}.section{margin-bottom:2rem}.section-title{color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.section-title.h1{font-size:1.5rem}.section-title.h2{font-size:1.3rem}.section-title.h3{font-size:1.1rem}.section-content{background:#f8f9fa;padding:1rem;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;overflow-x:auto}.raw-content{padding:1.5rem;background:#f8f9fa;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;overflow-x:auto;margin:0}.config-summary{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #dee2e6}.config-summary h4{margin-bottom:.5rem;color:#333}.summary-info{display:flex;gap:1rem;font-size:.9rem;color:#666}.structured-content{padding:1.5rem}.array-container,.object-container{margin:.5rem 0}.array-header,.object-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.array-header:hover,.object-header:hover{background:rgba(0,0,0,.05)}.array-content,.object-content{margin-left:1rem;border-left:2px solid #eee;padding-left:1rem}.array-item,.object-property{margin:.25rem 0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem}.array-index,.property-key{color:#0969da;font-weight:500;margin-right:.5rem}.string-value{color:#0a3069}.number-value{color:#0550ae}.boolean-value{color:#8250df}.null-value,.undefined-value{color:#656d76;font-style:italic}.readme-section{max-width:800px}.readme-content{padding:2rem;line-height:1.8}.readme-content h1{font-size:2rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.readme-content h2{font-size:1.5rem;margin:1.5rem 0 1rem;color:#333}.readme-content h3{font-size:1.25rem;margin:1rem 0 .5rem;color:#333}.readme-content p{margin-bottom:1rem;color:#555}.readme-content li{margin-left:2rem;margin-bottom:.5rem;color:#555}.tool-definition-viewer{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.tool-definition-header{background:#f8f9fa;padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tool-definition-info{flex:1}.tool-definition-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.tool-definition-meta{display:flex;gap:1rem;font-size:.9rem;color:#666}.tools-count{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.tool-definition-actions{display:flex;gap:.5rem;align-items:center}.tool-definition-content{max-height:80vh;overflow-y:auto}.visual-content{padding:1.5rem}.tools-grid{display:grid;gap:1.5rem}.tool-card{border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;background:#f8f9fa;transition:border-color .2s}.tool-card:hover{border-color:#007bff}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tool-info{flex:1}.tool-name{font-size:1.25rem;color:#333;margin-bottom:.5rem;font-weight:600}.tool-description{color:#666;line-height:1.5;margin:0}.tool-badge{display:flex;align-items:center;gap:.5rem;background:#007bff;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.tool-schema{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.tool-schema h5{color:#333;margin-bottom:1rem;font-size:1rem;font-weight:600}.schema-container{margin:.5rem 0}.schema-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s;border:1px solid #e9ecef;background:white}.schema-header:hover{background:#f8f9fa}.type-icon{flex-shrink:0}.type-icon.string{color:#28a745}.type-icon.number,.type-icon.integer{color:#007bff}.type-icon.boolean{color:#6f42c1}.type-icon.array{color:#fd7e14}.type-icon.object{color:#dc3545}.type-icon.default{color:#6c757d}.schema-type{font-weight:600;color:#333;text-transform:capitalize}.required-badge{background:#dc3545;color:#fff;padding:.125rem .375rem;border-radius:3px;font-size:.75rem;font-weight:500}.schema-description{color:#666;font-style:italic;flex:1;margin-left:.5rem}.schema-content{margin-left:2rem;margin-top:.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.schema-property{margin-bottom:.75rem}.schema-property:last-child{margin-bottom:0}.schema-property strong{color:#333;margin-right:.5rem}.schema-property code{background:#e9ecef;padding:.125rem .375rem;border-radius:3px;font-size:.9rem;color:#495057}.enum-values,.required-fields{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.enum-value,.required-field{background:#007bff!important;color:#fff!important;padding:.25rem .5rem!important;border-radius:4px!important;font-size:.8rem!important}.object-properties{margin-top:.5rem}.property-item{margin:.75rem 0;padding:.75rem;background:white;border-radius:6px;border:1px solid #e9ecef}.property-name{font-weight:600;color:#007bff;display:block;margin-bottom:.5rem;font-size:.95rem}.single-config{padding:1rem;background:#f8f9fa;border-radius:8px;margin:1rem}.single-config h4{color:#333;margin-bottom:1rem;font-size:1.25rem}.config-type-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.config-type-badge.tool-definition{background:#e7f3ff;color:#06c;border:1px solid #b3daff}.ai-model-card-link{text-decoration:none;color:inherit;display:block;height:100%}.ai-model-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent;height:100%;display:flex;flex-direction:column}.ai-model-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.model-icon-name{display:flex;align-items:center;gap:.75rem}.model-icon{font-size:1.75rem}.model-name-container{display:flex;flex-direction:column;gap:.25rem}.model-name{font-size:1.3rem;font-weight:600;color:#333;margin:0}.parent-collection{font-size:.85rem;color:#666;font-weight:400;font-style:italic}.arrow-icon{color:#666;transition:color .2s}.ai-model-card:hover .arrow-icon{color:#007bff}.model-content{display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:space-between}.content-types{display:flex;flex-direction:column;gap:.75rem}.content-type{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:500}.content-type.prompts{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.content-type.tools{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.empty-model{padding:1rem;text-align:center;color:#666;font-style:italic;background:#f8f9fa;border-radius:8px}.model-footer{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;padding-top:.75rem;border-top:1px solid #eee}.ai-model-detail{min-height:100vh;background:#f8f9fa}.detail-header{background:white;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 4px #00000014}.model-title{font-size:2rem;color:#333;margin:0;font-weight:600}.model-overview{background:white;margin:2rem;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.overview-stats{display:flex;gap:2rem;flex-wrap:wrap}.overview-stats .stat-item{display:flex;align-items:center;gap:.75rem;color:#555;font-size:1rem}.model-content-sections{margin:0 2rem 2rem}.content-section{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem}.section-header{background:#f8f9fa;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:1rem}.section-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600;flex:1}.section-count{background:#007bff;color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.content-grid{padding:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.content-item{border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#fafafa}.content-item:hover{border-color:#007bff;background:white;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.item-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600;flex:1}.tool-definition-badge{background:#e7f3ff;color:#06c;border:1px solid #b3daff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.item-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#666}.file-name{font-family:monospace;background:#f1f3f4;padding:.25rem .5rem;border-radius:4px}.item-preview{color:#555;line-height:1.5;font-size:.9rem}.empty-model-detail{text-align:center;padding:4rem 2rem;color:#666;background:white;margin:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.empty-model-detail h3{margin:1rem 0 .5rem;color:#333;font-size:1.5rem}.empty-model-detail p{margin:0;font-size:1rem}.breadcrumb{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 0}.breadcrumb-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:.5rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.9rem;transition:color .2s}.breadcrumb-item.home:hover{color:#007bff}.breadcrumb-item.current{color:#333;font-weight:500}.breadcrumb-separator{color:#ccc}@media (max-width: 768px){.header-content h1{font-size:2rem}.stats-bar{flex-direction:column;gap:1rem}.controls{flex-direction:column;align-items:stretch}.search-bar{min-width:auto}.filters{flex-direction:column;align-items:stretch}.tools-grid.grid{grid-template-columns:1fr}.prompt-header,.config-header{flex-direction:column;align-items:stretch}.prompt-actions,.config-actions{margin-top:1rem}}