.page-bg[data-v-421bf5c7]{background-color:#fff}.tool-section[data-v-421bf5c7]{min-height:100vh;padding:2rem 1rem}@media (min-width:768px){.tool-section[data-v-421bf5c7]{padding:2rem 1.5rem}}.editor-container[data-v-421bf5c7]{flex:1;height:500px}.editor-loading[data-v-421bf5c7]{background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.action-btn[data-v-421bf5c7]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.action-btn[data-v-421bf5c7]:hover:not(:disabled){color:#111827;border-color:#9ca3af}.action-btn[data-v-421bf5c7]:active:not(:disabled){background:#f3f4f6}.action-btn[data-v-421bf5c7]:disabled{opacity:.4;cursor:not-allowed}.action-btn-primary[data-v-421bf5c7]{color:#fff;background:#f97316;border-color:#f97316}.action-btn-primary[data-v-421bf5c7]:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.action-btn-success[data-v-421bf5c7]{color:#059669;background:#0596691a;border-color:#0596694d}.action-btn-ts[data-v-421bf5c7]{color:#3178c6;border-color:#3178c64d}.action-btn-ts[data-v-421bf5c7]:hover{background:#3178c61a;border-color:#3178c680}.copy-btn[data-v-421bf5c7]{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.copy-btn[data-v-421bf5c7]:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.copy-btn-success[data-v-421bf5c7]{color:#059669;background:#0596691a;border-color:#0596694d}.copy-btn-small[data-v-421bf5c7]{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.copy-btn-small[data-v-421bf5c7]:hover{color:#6b7280;border-color:#9ca3af}.copy-btn-small.copy-btn-success[data-v-421bf5c7]{color:#059669;border-color:#0596694d}.view-tab[data-v-421bf5c7]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.view-tab[data-v-421bf5c7]:hover{color:#374151}.view-tab-active[data-v-421bf5c7]{color:#111827;background:#e5e7eb}.output-box[data-v-421bf5c7]{color:#374151;white-space:pre-wrap;word-break:break-all;height:500px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.tree-view-container[data-v-421bf5c7]{white-space:normal;word-break:normal}.output-box[data-v-421bf5c7] .hl-key{color:#2563eb}.output-box[data-v-421bf5c7] .hl-string{color:#059669}.output-box[data-v-421bf5c7] .hl-number{color:#2563eb}.output-box[data-v-421bf5c7] .hl-boolean{color:#7c3aed}.output-box[data-v-421bf5c7] .hl-null{color:#6b7280}.kbd[data-v-421bf5c7]{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:10px;display:inline-block}.feature-card[data-v-421bf5c7]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:16px;display:flex}.feature-icon[data-v-421bf5c7]{color:#60a5fa;background:#60a5fa1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card[data-v-421bf5c7]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.link-card[data-v-421bf5c7]{background:#fff;justify-content:space-between;align-items:center;padding:20px;transition:background .15s;display:flex}.link-card[data-v-421bf5c7]:hover{background:#f9fafb}.link-card:hover .arrow-btn[data-v-421bf5c7]{background:#f3f4f6;border-color:#d1d5db}.arrow-btn[data-v-421bf5c7]{color:#6b7280;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}