.dev-tool[data-v-01682f33]{width:100%;margin:0 auto;padding:20px}.panel[data-v-01682f33]{margin-bottom:20px;padding:20px;background:var(--surface-2);border-radius:var(--radius-md)}.panel.plain[data-v-01682f33]{background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08)}.panel h3[data-v-01682f33]{margin:0 0 16px 0;color:var(--text-1);font-size:18px}.panel h4[data-v-01682f33]{margin:16px 0 12px 0;color:var(--text-1);font-size:16px}.panel-sub[data-v-01682f33]{margin:-8px 0 14px 0;font-size:13px;color:var(--text-3);line-height:1.6}.panel-head[data-v-01682f33]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h3[data-v-01682f33],.panel-head h4[data-v-01682f33]{margin:0}.chip-row[data-v-01682f33]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip[data-v-01682f33]{font-size:12px;line-height:1.5}.chip[data-v-01682f33]:hover{border-color:var(--brand-400);color:var(--brand-600)}.chip.active[data-v-01682f33]{background:var(--brand-50);color:var(--brand-700);font-weight:500}.primary-btn[data-v-01682f33]{padding:8px 18px;border:none;border-radius:var(--radius-sm);background:var(--brand-500);color:var(--text-inverse);font-size:13px;cursor:pointer;transition:background var(--transition);display:inline-flex;align-items:center;gap:5px}.primary-btn[data-v-01682f33]:hover:not(:disabled){background:var(--brand-600)}.primary-btn[data-v-01682f33]:disabled{background:var(--border-2);cursor:not-allowed}.tab-row[data-v-01682f33]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab[data-v-01682f33]{padding:8px 16px;border:1px solid var(--border-1);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text-2);transition:all var(--transition)}.tab[data-v-01682f33]:hover{border-color:var(--brand-500);color:var(--brand-500)}.tab.active[data-v-01682f33]{background:var(--brand-500);border-color:var(--brand-500);color:var(--text-inverse)}.text-area[data-v-01682f33]{width:100%;min-height:120px;padding:14px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px;line-height:1.8;color:var(--text-1);background:var(--surface);box-sizing:border-box;resize:vertical;font-family:inherit}.text-area.mono[data-v-01682f33]{font-family:var(--font-mono)}.text-area.tall[data-v-01682f33]{min-height:260px}.text-area[data-v-01682f33]:focus{outline:none;border-color:var(--brand-500)}.text-area[readonly][data-v-01682f33]{background:var(--surface-2)}.form-grid[data-v-01682f33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form-grid.cols-3[data-v-01682f33]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-group[data-v-01682f33]{display:flex;flex-direction:column}.form-group label[data-v-01682f33]{font-weight:600;margin-bottom:8px;color:var(--text-1);font-size:14px}.form-group .hint[data-v-01682f33]{margin-top:6px;font-size:12px;color:var(--text-3);line-height:1.5}.form-input[data-v-01682f33],.form-select[data-v-01682f33]{padding:10px 12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px;color:var(--text-1);background:var(--surface);width:100%;box-sizing:border-box}.form-select[data-v-01682f33]{cursor:pointer}.form-input[data-v-01682f33]:focus,.form-select[data-v-01682f33]:focus{outline:none;border-color:var(--brand-500)}.form-input.mono[data-v-01682f33]{font-family:var(--font-mono)}.form-range[data-v-01682f33]{width:100%}.check-list[data-v-01682f33]{display:flex;flex-wrap:wrap;gap:10px 20px}.check-row[data-v-01682f33]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.check-row input[data-v-01682f33]{cursor:pointer}.btn[data-v-01682f33]{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.btn[data-v-01682f33]:disabled{opacity:.55;cursor:not-allowed}.btn-primary[data-v-01682f33]{background:var(--brand-500);color:var(--text-inverse)}.btn-primary[data-v-01682f33]:hover:not(:disabled){background:var(--brand-600)}.btn-secondary[data-v-01682f33]{background:var(--surface);color:var(--text-2);border:1px solid var(--border-1)}.btn-secondary[data-v-01682f33]:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-500)}.btn-danger[data-v-01682f33]{background:var(--danger);color:var(--text-inverse)}.btn-danger[data-v-01682f33]:hover:not(:disabled){background:#c0392b}.btn-mini[data-v-01682f33]{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);border:1px solid var(--border-1);cursor:pointer;transition:all var(--transition)}.btn-mini[data-v-01682f33]:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-500)}.btn-mini[data-v-01682f33]:disabled{opacity:.5;cursor:not-allowed}.btn-mini.active[data-v-01682f33]{border-color:var(--brand-500);color:var(--brand-500);background:var(--brand-50)}.btn-row[data-v-01682f33]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn-row.center[data-v-01682f33]{justify-content:center}.stat-grid[data-v-01682f33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.stat-card[data-v-01682f33]{background:var(--surface);padding:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.stat-card.highlight[data-v-01682f33]{background:linear-gradient(135deg,var(--brand-500) 0,var(--brand-600) 100%)}.stat-card.highlight .stat-label[data-v-01682f33]{color:hsla(0,0%,100%,.85)}.stat-card.highlight .stat-value[data-v-01682f33]{color:var(--text-inverse)}.stat-label[data-v-01682f33]{font-size:13px;color:var(--text-2);margin-bottom:6px}.stat-value[data-v-01682f33]{font-size:22px;font-weight:700;color:var(--brand-500);word-break:break-all}.stat-value.sm[data-v-01682f33]{font-size:17px}.stat-value.mono[data-v-01682f33]{font-family:var(--font-mono)}.stat-note[data-v-01682f33]{margin-top:4px;font-size:12px;color:var(--text-3)}.kv-list[data-v-01682f33]{display:flex;flex-direction:column}.kv-item[data-v-01682f33]{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-1);font-size:14px}.kv-item[data-v-01682f33]:last-child{border-bottom:none}.kv-item .k[data-v-01682f33]{color:var(--text-2);flex-shrink:0}.kv-item .v[data-v-01682f33]{color:var(--text-1);font-weight:600;text-align:right;word-break:break-all}.kv-item .v.mono[data-v-01682f33]{font-family:var(--font-mono);font-weight:400}.good[data-v-01682f33]{color:var(--success);font-weight:700}.bad[data-v-01682f33]{color:var(--danger);font-weight:700}.split-grid[data-v-01682f33]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-container[data-v-01682f33]{overflow-x:auto}.data-table[data-v-01682f33]{width:100%;border-collapse:collapse;font-size:14px}.data-table td[data-v-01682f33],.data-table th[data-v-01682f33]{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-1);white-space:nowrap}.data-table th[data-v-01682f33]{background:var(--surface-2);font-weight:600;color:var(--text-1)}.data-table tbody tr[data-v-01682f33]:hover{background:var(--surface-2)}.data-table td.num[data-v-01682f33]{text-align:right;font-variant-numeric:tabular-nums}.data-table td.mono[data-v-01682f33]{font-family:var(--font-mono)}.data-table td.wrap[data-v-01682f33]{white-space:normal}.chip-list[data-v-01682f33]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-01682f33]{padding:5px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-1);font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all var(--transition)}.chip[data-v-01682f33]:hover{border-color:var(--brand-500);color:var(--brand-500)}.chip.active[data-v-01682f33]{background:var(--brand-500);border-color:var(--brand-500);color:var(--text-inverse)}.code-box[data-v-01682f33]{margin-top:12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text-1);white-space:pre-wrap;word-break:break-all;max-height:360px;overflow:auto}.code-box.tall[data-v-01682f33]{max-height:520px}.tip[data-v-01682f33]{margin-top:14px;padding:12px 14px;background:var(--brand-50);border-left:3px solid var(--brand-500);border-radius:var(--radius-sm);font-size:13px;color:var(--text-2);line-height:1.7}.tip ul[data-v-01682f33]{margin:6px 0 0 0;padding-left:20px}.tip li[data-v-01682f33]{margin-bottom:4px}.warn[data-v-01682f33]{margin-top:14px;padding:12px 14px;background:var(--warning-soft);border-left:3px solid var(--warning);border-radius:var(--radius-sm);font-size:13px;color:#8a6100;line-height:1.7}.warn ul[data-v-01682f33]{margin:6px 0 0 0;padding-left:20px}.error[data-v-01682f33]{background:var(--danger-soft);border-left:3px solid var(--danger);color:#c0392b}.error[data-v-01682f33],.success[data-v-01682f33]{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.7}.success[data-v-01682f33]{background:var(--success-soft);border-left:3px solid var(--success);color:#1e8449}.empty[data-v-01682f33]{padding:30px 12px;text-align:center;color:var(--text-3);font-size:14px}@media (max-width:768px){.dev-tool[data-v-01682f33]{padding:12px}.panel[data-v-01682f33]{padding:16px}.form-grid.cols-3[data-v-01682f33],.form-grid[data-v-01682f33],.split-grid[data-v-01682f33]{grid-template-columns:1fr}.stat-grid[data-v-01682f33]{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.btn-mini[data-v-01682f33]{min-height:32px}}@media (max-width:480px){.dev-tool[data-v-01682f33]{padding:10px}.panel[data-v-01682f33]{padding:14px}.panel h3[data-v-01682f33]{font-size:17px}.stat-grid[data-v-01682f33]{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.stat-value[data-v-01682f33]{font-size:20px}.tab[data-v-01682f33]{font-size:13px}.btn[data-v-01682f33]{font-size:13px;padding:10px 18px}.btn-row .btn[data-v-01682f33]{flex:1 1 100%}.data-table td[data-v-01682f33],.data-table th[data-v-01682f33]{padding:9px 10px;font-size:13px}.code-box[data-v-01682f33]{font-size:12px}}.code-shot-wide[data-v-01682f33]{max-width:1100px}.lang-detail[data-v-01682f33]{margin-top:8px}.theme-row[data-v-01682f33]{display:flex;gap:8px;flex-wrap:wrap}.theme-dot[data-v-01682f33]{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s,border-color .15s}.theme-dot span[data-v-01682f33]{width:10px;height:10px;border-radius:50%}.theme-dot[data-v-01682f33]:hover{transform:scale(1.1)}.theme-dot.active[data-v-01682f33]{transform:scale(1.12)}.bg-swatch[data-v-01682f33]{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--border-2);margin-right:5px;vertical-align:-2px}.switch-row[data-v-01682f33]{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-1)}.switch-item[data-v-01682f33]{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);cursor:pointer}.switch-item input[data-v-01682f33]{cursor:pointer}.head-actions[data-v-01682f33]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-btn[data-v-01682f33]{padding:5px 10px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);font-size:12px;cursor:pointer;transition:all var(--transition)}.mini-btn[data-v-01682f33]:hover{border-color:var(--brand-400);color:var(--brand-600)}.scale-row[data-v-01682f33]{display:flex;align-items:center;gap:4px;margin-left:8px}.scale-label[data-v-01682f33]{font-size:12px;color:var(--text-3)}.scale-btn[data-v-01682f33]{padding:4px 9px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);font-size:12px;cursor:pointer;transition:all var(--transition)}.scale-btn.active[data-v-01682f33]{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700);font-weight:500}.code-input[data-v-01682f33]{width:100%;min-height:220px;padding:12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-1);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.code-input[data-v-01682f33]:focus{outline:none;border-color:var(--brand-400);box-shadow:var(--ring)}.preview-stage[data-v-01682f33]{padding:24px;border-radius:var(--radius-sm);display:flex;justify-content:center;overflow:auto}.shot-box[data-v-01682f33]{position:relative;max-width:100%;font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;box-shadow:0 10px 40px rgba(0,0,0,.25);overflow:hidden}.shot-header[data-v-01682f33]{display:flex;align-items:center;gap:10px;padding:9px 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;border-bottom:1px solid hsla(0,0%,50%,.25);margin-bottom:12px}.dots[data-v-01682f33]{display:inline-flex;gap:6px}.dot[data-v-01682f33]{display:inline-block;width:11px;height:11px;border-radius:50%}.dot.red[data-v-01682f33]{background:#ff5f56}.dot.yellow[data-v-01682f33]{background:#ffbd2e}.dot.green[data-v-01682f33]{background:#27c93f}.win-title[data-v-01682f33]{opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-body[data-v-01682f33]{overflow-x:auto}.code-pre[data-v-01682f33]{margin:0;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.code-table[data-v-01682f33]{border-collapse:collapse;width:100%;font-family:inherit}.code-table td[data-v-01682f33]{vertical-align:top;padding:0}.code-table .ln[data-v-01682f33]{text-align:right;padding-right:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.35;border-right:1px solid currentColor;margin-right:14px}.code-table .lc[data-v-01682f33]{padding-left:14px;white-space:pre}.shot-body[data-v-01682f33] .hljs-keyword,.shot-body[data-v-01682f33] .hljs-literal,.shot-body[data-v-01682f33] .hljs-selector-tag{color:#c678dd}.shot-body[data-v-01682f33] .hljs-section,.shot-body[data-v-01682f33] .hljs-string,.shot-body[data-v-01682f33] .hljs-title{color:#98c379}.shot-body[data-v-01682f33] .hljs-number,.shot-body[data-v-01682f33] .hljs-symbol{color:#d19a66}.shot-body[data-v-01682f33] .hljs-comment{color:#7f848e;font-style:italic}.shot-body[data-v-01682f33] .hljs-built_in,.shot-body[data-v-01682f33] .hljs-type{color:#e5c07b}.shot-body[data-light="1"][data-v-01682f33] .hljs-keyword{color:#a626a4}.shot-body[data-light="1"][data-v-01682f33] .hljs-string{color:#50a14f}.shot-body[data-light="1"][data-v-01682f33] .hljs-number{color:#986801}.shot-body[data-light="1"][data-v-01682f33] .hljs-comment{color:#a0a1a7}.shot-body[data-light="1"][data-v-01682f33] .hljs-built_in,.shot-body[data-light="1"][data-v-01682f33] .hljs-type{color:#c18401}.shot-watermark[data-v-01682f33]{position:absolute;right:12px;bottom:8px;font-size:11px;opacity:.3;font-family:-apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none}.shot-body code[data-v-01682f33]{font-family:inherit}@media (max-width:768px){.preview-stage[data-v-01682f33]{padding:12px}.scale-row[data-v-01682f33]{margin-left:0}}