.wifi-card-container[data-v-aa0a6988]{max-width:1200px;margin:0 auto;padding:20px}.tool-header[data-v-aa0a6988]{text-align:center;margin-bottom:24px}.tool-header h1[data-v-aa0a6988]{color:#2c3e50;font-size:24px;margin-bottom:8px}.tool-header p[data-v-aa0a6988]{color:#7f8c8d;font-size:14px}.mobile-view-toggle[data-v-aa0a6988]{margin-bottom:16px;text-align:center}.toggle-btns[data-v-aa0a6988]{display:inline-flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.toggle-btn[data-v-aa0a6988]{padding:6px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;background:transparent;color:#666;transition:all .2s}.toggle-btn.active[data-v-aa0a6988]{background:#16baaa;color:#fff}.main-layout[data-v-aa0a6988]{display:flex;gap:20px}.settings-panel[data-v-aa0a6988],.preview-panel[data-v-aa0a6988]{width:50%;min-width:0}.hidden-mobile[data-v-aa0a6988]{display:none}.panel-card[data-v-aa0a6988]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.panel-header[data-v-aa0a6988]{padding:12px 16px;font-weight:600;font-size:14px;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb}.tabs-nav[data-v-aa0a6988]{display:flex;flex-wrap:wrap;border-bottom:1px solid #e5e7eb;background:#fafafa}.tab-btn[data-v-aa0a6988]{padding:8px 12px;font-size:13px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;white-space:nowrap}.tab-btn[data-v-aa0a6988]:hover{color:#16baaa}.tab-btn.active[data-v-aa0a6988]{color:#16baaa;border-bottom-color:#16baaa;font-weight:600}.tab-content[data-v-aa0a6988]{padding:16px;max-height:600px;overflow-y:auto}.tab-pane[data-v-aa0a6988]{display:flex;flex-direction:column;gap:12px}.form-row[data-v-aa0a6988]{display:flex;align-items:center;gap:8px}.form-row>label[data-v-aa0a6988]:first-child{width:72px;min-width:72px;font-size:13px;color:#4b5563;text-align:right}.color-input-group[data-v-aa0a6988]{display:flex;align-items:center;gap:6px;flex:1}.color-input-group input[type=color][data-v-aa0a6988]{width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:2px}.color-text[data-v-aa0a6988]{width:80px;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151}.slider-group[data-v-aa0a6988]{display:flex;align-items:center;gap:8px;flex:1}.slider-group input[type=range][data-v-aa0a6988]{flex:1;height:4px;accent-color:#16baaa}.slider-val[data-v-aa0a6988]{width:52px;min-width:52px;text-align:right;font-size:12px;color:#6b7280}.text-input[data-v-aa0a6988]{flex:1;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151}.text-input[data-v-aa0a6988]:focus,.color-text[data-v-aa0a6988]:focus,.select-input[data-v-aa0a6988]:focus{outline:none;border-color:#16baaa;box-shadow:0 0 0 2px #16baaa26}.select-input[data-v-aa0a6988]{flex:1;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:#fff}.switch-label[data-v-aa0a6988]{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1}.switch-label input[type=checkbox][data-v-aa0a6988]{width:16px;height:16px;accent-color:#16baaa}.switch-label span[data-v-aa0a6988]{font-size:13px;color:#6b7280}.upload-group[data-v-aa0a6988]{display:flex;align-items:center;gap:6px;flex:1}.upload-btn[data-v-aa0a6988]{padding:4px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.upload-btn[data-v-aa0a6988]:hover{border-color:#16baaa;color:#16baaa}.clear-btn[data-v-aa0a6988]{width:24px;height:24px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#ef4444;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.clear-btn[data-v-aa0a6988]:hover{background:#fef2f2}.section-title[data-v-aa0a6988]{font-size:13px;font-weight:600;color:#16baaa;padding:4px 0;border-bottom:1px solid #e5e7eb;margin-top:4px}.preview-area[data-v-aa0a6988]{padding:16px}.preview-scroll[data-v-aa0a6988]{overflow:auto;display:flex;justify-content:center}.card-preview[data-v-aa0a6988]{position:relative;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;flex-shrink:0}.card-preview canvas[data-v-aa0a6988]{display:block}.export-btns[data-v-aa0a6988]{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;justify-content:center;flex-wrap:wrap}.export-btn[data-v-aa0a6988]{padding:8px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.pdf-btn[data-v-aa0a6988]{background:#ef4444;color:#fff}.pdf-btn[data-v-aa0a6988]:hover{background:#dc2626}.png-btn[data-v-aa0a6988]{background:#16baaa;color:#fff}.png-btn[data-v-aa0a6988]:hover{background:#0d9488}.clear-btn-action[data-v-aa0a6988]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.clear-btn-action[data-v-aa0a6988]:hover{background:#e5e7eb}@media(max-width:768px){.wifi-card-container[data-v-aa0a6988]{padding:10px}.tool-header h1[data-v-aa0a6988]{font-size:20px}.tool-header p[data-v-aa0a6988]{font-size:13px}.main-layout[data-v-aa0a6988]{flex-direction:column}.settings-panel[data-v-aa0a6988],.preview-panel[data-v-aa0a6988]{width:100%}.hidden-mobile[data-v-aa0a6988]{display:none}.tab-content[data-v-aa0a6988]{max-height:500px}.form-row>label[data-v-aa0a6988]:first-child{width:64px;min-width:64px;font-size:12px}.tabs-nav[data-v-aa0a6988]{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn[data-v-aa0a6988]{padding:6px 8px;font-size:12px}.export-btns[data-v-aa0a6988]{flex-direction:column}.export-btn[data-v-aa0a6988]{width:100%;text-align:center}}