.mime-type[data-v-68a7b4eb]{width:100%;overflow:visible;padding:10px 0;box-sizing:border-box}.tool-card[data-v-68a7b4eb]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:24px}.tool-header[data-v-68a7b4eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-bar[data-v-68a7b4eb]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-input[data-v-68a7b4eb]{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-color);color:var(--text-color);outline:none;transition:border-color .2s}.search-input[data-v-68a7b4eb]:focus{border-color:#2c8cf0}.result-count[data-v-68a7b4eb]{font-size:13px;color:var(--text-muted);white-space:nowrap}.category-tabs[data-v-68a7b4eb]{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.cat-tab[data-v-68a7b4eb]{display:flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-color);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .2s}.cat-tab[data-v-68a7b4eb]:hover{border-color:#2c8cf0;color:#2c8cf0}.cat-tab.active[data-v-68a7b4eb]{background:#2c8cf0;border-color:#2c8cf0;color:#fff}.cat-icon[data-v-68a7b4eb]{font-size:14px}.cat-name[data-v-68a7b4eb]{font-size:13px}.mime-list[data-v-68a7b4eb]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-height:600px;overflow-y:auto}.list-header[data-v-68a7b4eb]{display:flex;align-items:center;padding:10px 16px;background:var(--bg-secondary);font-weight:600;font-size:13px;color:var(--text-color);position:sticky;top:0;z-index:1}.mime-item[data-v-68a7b4eb]{display:flex;align-items:center;padding:8px 16px;border-top:1px solid var(--border-color);cursor:pointer;transition:background .15s;font-size:13px}.mime-item[data-v-68a7b4eb]:hover{background:var(--bg-secondary)}.mime-item:hover .copy-hint[data-v-68a7b4eb]{opacity:1}.col-ext[data-v-68a7b4eb]{min-width:120px;display:flex;gap:4px;flex-wrap:wrap}.ext-tag[data-v-68a7b4eb]{background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px;color:var(--text-secondary)}.col-mime[data-v-68a7b4eb]{min-width:280px;font-family:Consolas,Monaco,monospace;color:#2c8cf0;font-size:13px;flex:1}.col-desc[data-v-68a7b4eb]{min-width:100px;color:var(--text-muted);font-size:12px}.copy-hint[data-v-68a7b4eb]{font-size:11px;color:#2c8cf0;opacity:0;transition:opacity .2s;white-space:nowrap;margin-left:auto}.empty-state[data-v-68a7b4eb]{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}@media (max-width: 768px){.mime-item[data-v-68a7b4eb]{flex-wrap:wrap;gap:6px}.col-ext[data-v-68a7b4eb]{min-width:auto}.col-mime[data-v-68a7b4eb]{min-width:auto;flex-basis:100%;font-size:12px}.col-desc[data-v-68a7b4eb]{min-width:auto}}.tool-btn[data-v-68a7b4eb]{padding:5px 12px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.tool-btn[data-v-68a7b4eb]:hover{border-color:#2c8cf0;color:#2c8cf0}.tool-btn.primary[data-v-68a7b4eb]{background:#2c8cf0;border-color:#2c8cf0;color:#fff}.tool-btn.primary[data-v-68a7b4eb]:hover{background:#1a7ae0}