.tool-container[data-v-a25ba589]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-a25ba589]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-a25ba589]{color:#6b7280;margin-bottom:20px;font-size:14px}.control-section[data-v-a25ba589]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.search-row[data-v-a25ba589]{display:flex;gap:10px;margin-bottom:12px}.search-input[data-v-a25ba589]{flex:1;padding:10px 14px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;outline:none;background:#fff;transition:border-color .2s}.search-input[data-v-a25ba589]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-row[data-v-a25ba589]{display:flex;gap:8px;flex-wrap:wrap}.filter-tag[data-v-a25ba589]{padding:6px 14px;border:1px solid #dee2e6;border-radius:20px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s;color:#495057}.filter-tag[data-v-a25ba589]:hover{border-color:#007bff;color:#007bff}.filter-tag.active[data-v-a25ba589]{background:#007bff;color:#fff;border-color:#007bff}.info-bar[data-v-a25ba589]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;margin-bottom:16px;font-size:13px;color:#4338ca}.info-label[data-v-a25ba589]{font-weight:600}.info-sep[data-v-a25ba589]{color:#a5b4fc}.bp-tag[data-v-a25ba589]{background:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-family:Courier New,monospace;border:1px solid #c7d2fe}.dark-tag[data-v-a25ba589]{background:#1e1b4b;color:#c7d2fe;border-color:#4338ca}.btn[data-v-a25ba589]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-secondary[data-v-a25ba589]{background:#6c757d;color:#fff}.btn-secondary[data-v-a25ba589]:hover{background:#545b62}.empty-state[data-v-a25ba589]{text-align:center;padding:60px 20px;color:#9ca3af;font-size:15px}.category-section[data-v-a25ba589]{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.category-header[data-v-a25ba589]{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-header[data-v-a25ba589]:hover{background:#f3f4f6}.category-icon[data-v-a25ba589]{font-size:11px;color:#9ca3af;width:14px;text-align:center}.category-name[data-v-a25ba589]{font-weight:600;font-size:15px;color:#1f2937}.category-count[data-v-a25ba589]{font-size:12px;color:#9ca3af;margin-left:auto}.category-body[data-v-a25ba589]{padding:0}.tw-table-wrap[data-v-a25ba589]{overflow-x:auto}.tw-table[data-v-a25ba589]{width:100%;border-collapse:collapse;font-size:13px}.tw-table th[data-v-a25ba589]{padding:10px 14px;text-align:left;font-weight:600;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tw-table td[data-v-a25ba589]{padding:10px 14px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.tw-table tr:last-child td[data-v-a25ba589]{border-bottom:none}.tw-table tr[data-v-a25ba589]:hover{background:#f9fafb}.col-class[data-v-a25ba589]{white-space:nowrap;min-width:160px}.col-css[data-v-a25ba589]{min-width:200px}.col-example[data-v-a25ba589]{color:#6b7280;min-width:120px}.col-action[data-v-a25ba589]{white-space:nowrap;width:60px;text-align:center}.tw-class[data-v-a25ba589]{background:#eff6ff;color:#1d4ed8;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;border:1px solid #dbeafe}.tw-css[data-v-a25ba589]{color:#059669;font-family:Courier New,monospace;font-size:12px;word-break:break-all}.btn-sm[data-v-a25ba589]{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.btn-copy[data-v-a25ba589]{background:#22c55e;color:#fff}.btn-copy[data-v-a25ba589]:hover{background:#16a34a}.btn-copy[data-v-a25ba589]:active{transform:scale(.95)}.usage-guide[data-v-a25ba589]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-a25ba589]{margin-top:0;color:#007bff}.guide-grid[data-v-a25ba589]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-a25ba589]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-a25ba589]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-a25ba589]{margin-bottom:.4rem}.guide-grid code[data-v-a25ba589]{background:#e9ecef;padding:1px 5px;border-radius:3px;font-size:12px;color:#d63384}@media(max-width:768px){.tool-container[data-v-a25ba589]{padding:12px}.search-row[data-v-a25ba589]{flex-direction:column}.info-bar[data-v-a25ba589]{font-size:12px}.tw-table th[data-v-a25ba589],.tw-table td[data-v-a25ba589]{padding:8px 10px}.col-css[data-v-a25ba589]{min-width:150px}}