.tools-container{flex:1;overflow-y:auto;min-height:300px;}.tools-container::-webkit-scrollbar{width:4px;display:block !important;}.tools-container::-webkit-scrollbar-track{background:var(--theme-accent-cyan-alpha);border-radius:4px;}.tools-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-accent-cyan), var(--theme-accent-orange));border-radius:4px;}.tools-main-card{background:var(--theme-bg-card);backdrop-filter:blur(var(--theme-blur-amount, 12px));border:1px solid var(--theme-border);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;}.tools-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0;}.tools-header-left{display:flex;align-items:center;gap:0.5rem;}.tools-list-scroll{flex:1;overflow-y:auto;}.tools-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem;}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}}@media (min-width:1280px){.tools-grid{grid-template-columns:repeat(6, minmax(0, 1fr));}}.tools-glass-card{background:var(--theme-bg-card);backdrop-filter:blur(var(--theme-blur-amount, 12px));border:1px solid var(--theme-border);border-radius:20px;}.tools-card{position:relative;overflow:hidden;background:var(--theme-bg-card);backdrop-filter:blur(8px);border-radius:0.75rem;border:1px solid var(--theme-border);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.tools-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, var(--theme-accent-cyan-alpha), transparent);transition:left 0.5s ease;pointer-events:none;}.tools-card:hover::before{left:100%;}.tools-card:hover{border-color:var(--theme-accent-cyan);box-shadow:var(--theme-shadow-glow);}.tools-card i{transition:all 0.3s ease;font-size:1.5rem;margin-bottom:0.5rem;}.tools-card:hover i{transform:scale(1.1);text-shadow:0 0 15px currentColor;}.tools-card h4{font-weight:500;font-size:0.75rem;color:var(--theme-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;}.tools-loading{display:flex;align-items:center;justify-content:center;color:var(--theme-accent-cyan-alpha);font-size:0.875rem;}.tools-loading i{margin-right:0.5rem;}.tools-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--theme-text-muted);font-size:0.875rem;}.tools-empty i{font-size:1.875rem;margin-bottom:0.5rem;opacity:0.5;color:var(--theme-text-muted);}.tools-mt-1{margin-top:0.25rem;}.tools-text-small{font-size:0.75rem;}.tools-add-btn{width:28px;height:28px;border-radius:9999px;background:transparent;border:1px solid var(--theme-border);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}.tools-add-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tools-add-btn i{color:var(--theme-accent-cyan);font-size:11px;transition:transform 0.3s ease;}.tools-add-btn:hover i{transform:scale(1.1);}.tools-title{font-weight:500;font-size:0.875rem;color:rgba(0, 0, 0, 0);background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;}.tools-context-menu{position:fixed;z-index:1000;background:var(--theme-bg-card);backdrop-filter:blur(12px);border-radius:0.5rem;box-shadow:0 8px 32px var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);overflow:hidden;min-width:120px;}.tools-context-menu button{width:100%;text-align:left;padding:0.5rem 0.75rem;font-size:0.875rem;transition:all 0.2s ease;display:flex;align-items:center;cursor:pointer;background:transparent;border:none;}.tools-context-menu button:hover{background:var(--theme-accent-cyan-alpha);}.tools-context-menu button i{margin-right:0.5rem;font-size:0.75rem;}.tools-context-menu .edit-tool{color:var(--theme-primary-light);}.tools-context-menu .delete-tool{color:var(--theme-accent-orange);}.tool-form-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;border-radius:16px;overflow-y:auto;background:var(--theme-bg-card);backdrop-filter:blur(12px);}.tool-form-panel.hidden{display:none;}.tool-form-panel:not(.hidden){display:block;animation:toolsFormSlideIn 0.25s ease-out;}@keyframes toolsFormSlideIn{from{opacity:0;transform:scale(0.98);}to{opacity:1;transform:scale(1);}}.tools-panel-container{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;padding:1.25rem;}.tools-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--theme-border);}.tools-panel-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;}.tools-form-scroll{flex:1;overflow-y:auto;padding-right:0.25rem;}.tools-form-field{margin-bottom:1rem;}.tools-form-field:last-child{margin-bottom:0;}.tools-form-label{display:block;margin-bottom:0.375rem;color:var(--theme-accent-cyan);font-size:0.75rem;font-weight:500;}.tools-form-actions{padding-top:0.75rem;display:flex;justify-content:flex-end;gap:0.75rem;border-top:1px solid var(--theme-border);}.tools-save-icon{margin-right:0.375rem;font-size:0.75rem;}.tools-icon-wrapper{position:relative;}.tools-icon-input{padding-left:2rem;}.tools-form-required{color:var(--theme-accent-orange);}.tools-form-input{width:100%;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--theme-text-main);outline:none;}.tools-form-input:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.tools-form-input::placeholder{color:var(--theme-text-muted);}.tools-form-input-error{border-color:var(--theme-accent-orange);}.tools-form-hint{color:var(--theme-text-muted);font-size:0.75rem;}.tools-cancel-btn{padding:0.375rem 1rem;font-size:0.875rem;border-radius:8px;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);background:transparent;cursor:pointer;transition:all 0.2s ease;}.tools-cancel-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tools-submit-btn{padding:0.375rem 1rem;border-radius:8px;font-size:0.875rem;cursor:pointer;transition:all 0.2s ease;background:transparent;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);}.tools-submit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tools-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.tools-submit-btn i{margin-right:0.375rem;font-size:0.75rem;}.tools-form-title-gradient{background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}.tools-border-theme{border-color:var(--theme-border);}.tools-icon{color:var(--theme-accent-cyan);font-size:1rem;}.tools-form-title-icon{color:var(--theme-accent-cyan);font-size:1rem;margin-right:0.5rem;}.tools-color-accent-purple{color:var(--theme-accent-purple);}.tools-color-accent-indigo{color:var(--theme-accent-indigo);}.tools-color-accent-pink{color:var(--theme-accent-pink);}.tools-color-accent-orange{color:var(--theme-accent-orange);}.tools-color-info{color:var(--theme-info);}.tools-color-success{color:var(--theme-success);}.tools-color-error{color:var(--theme-error);}.tools-color-warning{color:var(--theme-warning);}.tools-color-accent-teal{color:var(--theme-accent-teal);}.tools-color-accent-cyan{color:var(--theme-accent-cyan);}