.tool-container[data-v-a0500b69]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-a0500b69]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-a0500b69]{color:#6b7280;margin-bottom:20px;font-size:14px}.editor-section[data-v-a0500b69]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;margin-bottom:16px}.panel-header[data-v-a0500b69]{padding:8px 12px;font-size:13px;font-weight:600;color:#495057;background:#e9ecef;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.panel-header .hint[data-v-a0500b69]{font-weight:400;color:#868e96;font-size:12px}.editor-section textarea[data-v-a0500b69]{width:100%;min-height:180px;padding:12px;border:none;font-family:Courier New,monospace;font-size:13px;resize:vertical;outline:none;background:#fff;box-sizing:border-box}.action-row[data-v-a0500b69]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.btn[data-v-a0500b69]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-primary[data-v-a0500b69]{background:#007bff;color:#fff}.btn-primary[data-v-a0500b69]:hover{background:#0056b3}.btn-secondary[data-v-a0500b69]{background:#6c757d;color:#fff}.btn-secondary[data-v-a0500b69]:hover{background:#545b62}.btn-sm[data-v-a0500b69]{padding:5px 10px;font-size:12px}.btn[data-v-a0500b69]:disabled{opacity:.5;cursor:not-allowed}.error-msg[data-v-a0500b69]{color:#dc3545;font-size:13px;margin-left:8px}.table-toolbar[data-v-a0500b69]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.toolbar-left[data-v-a0500b69]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right[data-v-a0500b69]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.search-input[data-v-a0500b69]{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;width:200px;outline:none}.search-input[data-v-a0500b69]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.stat-badge[data-v-a0500b69]{background:#e9ecef;color:#495057;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.dropdown[data-v-a0500b69]{position:relative}.dropdown-menu[data-v-a0500b69]{position:absolute;top:100%;right:0;z-index:10;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #0000001f;padding:6px 0;min-width:160px;max-height:260px;overflow-y:auto}.dropdown-item[data-v-a0500b69]{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:13px;cursor:pointer;color:#333}.dropdown-item[data-v-a0500b69]:hover{background:#f0f4ff}.dropdown-item input[data-v-a0500b69]{margin:0}.table-wrapper[data-v-a0500b69]{overflow-x:auto;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px}.data-table[data-v-a0500b69]{width:100%;border-collapse:collapse;font-size:13px}.data-table th[data-v-a0500b69],.data-table td[data-v-a0500b69]{padding:8px 12px;border-bottom:1px solid #e9ecef;text-align:left;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.data-table th[data-v-a0500b69]{background:#f1f3f5;font-weight:600;color:#495057;position:sticky;top:0;z-index:1}.data-table th.sortable[data-v-a0500b69]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable[data-v-a0500b69]:hover{background:#e2e6ea}.sort-icon[data-v-a0500b69]{font-size:11px;margin-left:4px;color:#868e96}.data-table tbody tr[data-v-a0500b69]:hover{background:#f0f4ff}.data-table tbody tr[data-v-a0500b69]:nth-child(2n){background:#fafbfc}.data-table tbody tr[data-v-a0500b69]:nth-child(2n):hover{background:#f0f4ff}.row-num-col[data-v-a0500b69]{width:40px;text-align:center;color:#adb5bd;font-size:12px}.empty-cell[data-v-a0500b69]{text-align:center;color:#adb5bd;padding:24px!important}.pagination[data-v-a0500b69]{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px;flex-wrap:wrap}.page-info[data-v-a0500b69]{font-size:13px;color:#495057;padding:0 8px}.page-size-select[data-v-a0500b69]{margin-left:10px;padding:5px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:none}.usage-guide[data-v-a0500b69]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-a0500b69]{margin-top:0;color:#007bff}.guide-grid[data-v-a0500b69]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-a0500b69]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-a0500b69]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-a0500b69]{margin-bottom:.3rem}