.zs-tool .zs-panels{margin: 0 -10px}.zs-tool .form-control-group{margin-bottom: 18px}.zs-tool .zs-panel-header{display: flex;align-items: center;justify-content: space-between}.zs-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px;display: block}.zs-tool .zs-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.zs-tool .zs-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 4px 12px;border-radius: 999px;cursor: pointer}.zs-tool .zs-chip:hover{border-color: #7c3aed;color: #7c3aed}.zs-tool .zs-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}.zs-tool .zs-result-empty{color: #94a3b8;font-size: 13px;text-align: center;padding: 20px 0}.zs-tool .zs-result{text-align: center;padding: 10px 0}.zs-tool .zs-result-symbol{font-size: 56px;line-height: 1;color: #7c3aed}.zs-tool .zs-result-name{font-size: 22px;font-weight: 700;color: #111827;margin-top: 6px}.zs-tool .zs-result-date{font-size: 13px;color: #6b7280;margin-top: 2px}.zs-tool .zs-result-meta{display: flex;flex-wrap: wrap;gap: 6px;justify-content: center;margin-top: 10px}.zs-tool .zs-tag{font-size: 11px;padding: 3px 10px;border-radius: 999px;background: #f1f5f9;color: #475569;font-weight: 500}.zs-tool .zs-tag-fire{background: #fee2e2;color: #dc2626}.zs-tool .zs-tag-earth{background: #dcfce7;color: #16a34a}.zs-tool .zs-tag-air{background: #dbeafe;color: #2563eb}.zs-tool .zs-tag-water{background: #e0f2fe;color: #0284c7}.zs-tool .zs-result-desc{font-size: 13px;color: #4b5563;line-height: 1.6;margin-top: 12px;text-align: left}.zs-tool .zs-detail{text-align: left;margin-top: 14px;padding-top: 12px;border-top: 1px solid #f1f5f9}.zs-tool .zs-detail-title{font-size: 12px;font-weight: 700;color: #111827;text-transform: uppercase;letter-spacing: 0.04em;margin: 0 0 4px}.zs-tool .zs-detail-text{font-size: 13px;color: #4b5563;line-height: 1.6;margin: 0}.zs-tool .zs-detail-2col{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-top: 12px;padding-top: 12px;border-top: 1px solid #f1f5f9}.zs-tool .zs-detail-list{margin: 4px 0 0;padding-left: 18px;font-size: 12.5px;color: #4b5563;line-height: 1.7}.zs-tool .zs-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px}.zs-tool .zs-card{border: 1px solid #e2e8f0;border-radius: 10px;padding: 16px 10px;text-align: center;background: #fff;cursor: pointer;transition: all 0.12s ease}.zs-tool .zs-card:hover{border-color: #7c3aed;box-shadow: 0 2px 10px rgba(124,58,237,0.15);transform: translateY(-1px)}.zs-tool .zs-card.is-active{border-color: #7c3aed;background: linear-gradient(135deg,rgba(124,58,237,0.06),rgba(124,58,237,0.12))}.zs-tool .zs-card-symbol{font-size: 36px;line-height: 1;color: #7c3aed}.zs-tool .zs-card-name{font-size: 14px;font-weight: 700;color: #111827;margin-top: 6px}.zs-tool .zs-card-date{font-size: 11.5px;color: #6b7280;margin-top: 2px}.zs-tool .zs-card-element{display: inline-block;font-size: 10px;padding: 2px 8px;border-radius: 999px;margin-top: 6px;font-weight: 500}.zs-tool .zs-card-desc{font-size: 11.5px;color: #6b7280;line-height: 1.45;margin-top: 8px}.zs-tool .zs-card-element.fire{background: #fee2e2;color: #dc2626}.zs-tool .zs-card-element.earth{background: #dcfce7;color: #16a34a}.zs-tool .zs-card-element.air{background: #dbeafe;color: #2563eb}.zs-tool .zs-card-element.water{background: #e0f2fe;color: #0284c7}.zs-tool .zs-empty{grid-column: 1 / -1;text-align: center;padding: 30px;color: #94a3b8;font-size: 14px}.zs-tool .zs-count{font-size: 12px;color: #6b7280;font-weight: 400}.zs-tool .zs-message{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 10px 14px;border-radius: 8px;font-size: 13px;background: #ede9fe;color: #5b21b6;border: 1px solid #ddd6fe}.zs-tool .zs-message.is-fading{opacity: 0;transition: opacity 0.25s ease}:root[data-theme="dark"] .zs-tool .zs-panel-header{background: #1f1d24;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .zs-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .zs-tool .zs-chip{background: transparent;border-color: #3a3544;color: #cbd5e1}:root[data-theme="dark"] .zs-tool .zs-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}:root[data-theme="dark"] .zs-tool .zs-card{background: #1f1d24;border-color: #2e2a38}:root[data-theme="dark"] .zs-card.is-active{background: rgba(124,58,237,0.18)}:root[data-theme="dark"] .zs-tool .zs-card-name{color: #e5e7eb}:root[data-theme="dark"] .zs-tool .zs-card-date{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-card-desc{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-result-name{color: #e5e7eb}:root[data-theme="dark"] .zs-tool .zs-result-date{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-result-desc{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-detail{border-top-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .zs-tool .zs-detail-title{color: #e5e7eb}:root[data-theme="dark"] .zs-tool .zs-detail-text{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-detail-2col{border-top-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .zs-tool .zs-detail-list{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-tag{background: #2e2a38;color: #cbd5e1}:root[data-theme="dark"] .zs-tool .zs-count{color: #9ca3af}:root[data-theme="dark"] .zs-tool .zs-message{background: rgba(124,58,237,0.2);color: #c4b5fd;border-color: rgba(124,58,237,0.4)}@media (max-width: 767px){.zs-tool .row-layout{flex-direction: column}.zs-tool .zs-grid{grid-template-columns: repeat(auto-fill,minmax(120px,1fr))}}