@charset "UTF-8";.json-converter-page[data-v-3892588b]{background-color:#0d1117;min-height:100vh;padding:2rem 0}.container[data-v-3892588b]{margin:0 auto;max-width:1400px;padding:0 1.5rem}.page-header[data-v-3892588b]{margin-bottom:2rem}.header-content[data-v-3892588b]{gap:1.5rem}.header-content[data-v-3892588b],.header-icon[data-v-3892588b]{align-items:center;display:flex}.header-icon[data-v-3892588b]{background:linear-gradient(135deg,#58a6ff,#d2a8ff);border-radius:.5rem;color:#fff;height:64px;justify-content:center;width:64px}.header-text[data-v-3892588b]{flex:1}.page-title[data-v-3892588b]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-description[data-v-3892588b]{color:#8b949e;font-size:1rem}.converter-container[data-v-3892588b]{display:grid;gap:1.5rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}@media(max-width:1024px){.converter-container[data-v-3892588b]{grid-template-columns:1fr}}.converter-panel[data-v-3892588b]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;display:flex;flex-direction:column;min-height:500px;overflow:hidden}.panel-header[data-v-3892588b]{background-color:#21262d;border-bottom:1px solid #30363d;justify-content:space-between;padding:1rem}.panel-header[data-v-3892588b],.panel-title[data-v-3892588b]{align-items:center;display:flex}.panel-title[data-v-3892588b]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:500;gap:.5rem}.panel-actions[data-v-3892588b]{align-items:center;display:flex;gap:.25rem}.format-select[data-v-3892588b]{background-color:#161b22;border:1px solid #21262d;border-radius:.375rem;color:#e6edf3;cursor:pointer;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;padding:.25rem .5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.format-select[data-v-3892588b]:hover{border-color:#58a6ff}.format-select[data-v-3892588b]:focus{border-color:#58a6ff;outline:none}.action-btn[data-v-3892588b]{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.375rem;color:#8b949e;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.action-btn[data-v-3892588b]:hover{background-color:#30363d;border-color:#21262d;color:#e6edf3}.panel-body[data-v-3892588b]{flex:1;overflow:auto;padding:1rem}.code-textarea[data-v-3892588b]{background-color:#30363d;border:1px solid #21262d;border-radius:.375rem;color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;height:100%;line-height:1.75;min-height:450px;padding:1rem;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.code-textarea[data-v-3892588b]:focus{border-color:#58a6ff;outline:none}.code-textarea[data-v-3892588b]::-moz-placeholder{color:#656d76}.code-textarea[data-v-3892588b]::placeholder{color:#656d76}.code-output[data-v-3892588b]{background-color:#30363d;border:1px solid #21262d;border-radius:.375rem;color:#a5d6ff;line-height:1.75;min-height:450px;overflow-x:auto;white-space:pre-wrap;width:100%;word-break:break-all}.code-output[data-v-3892588b],.error-message[data-v-3892588b]{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;padding:1rem}.error-message[data-v-3892588b]{background-color:#da36331a;border:1px solid rgba(218,54,51,.3);border-radius:.375rem;color:#da3633;gap:.5rem}.empty-state[data-v-3892588b],.error-message[data-v-3892588b]{align-items:center;display:flex}.empty-state[data-v-3892588b]{color:#656d76;flex-direction:column;gap:1rem;height:100%;justify-content:center;min-height:450px}.empty-state p[data-v-3892588b]{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem}.converter-actions[data-v-3892588b]{align-items:center;display:flex;justify-content:center}@media(max-width:1024px){.converter-actions[data-v-3892588b]{margin:1.5rem 0}}.convert-btn[data-v-3892588b]{align-items:center;background:linear-gradient(135deg,#58a6ff,#d2a8ff);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.convert-btn[data-v-3892588b]:hover:not(:disabled){box-shadow:0 4px 12px #58a6ff66;transform:translateY(-2px)}.convert-btn[data-v-3892588b]:disabled{cursor:not-allowed;opacity:.5}.usage-section[data-v-3892588b]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;padding:2rem}.section-header[data-v-3892588b]{align-items:center;color:#e6edf3;display:flex;gap:.5rem;margin-bottom:1.5rem}.section-header h3[data-v-3892588b]{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.usage-grid[data-v-3892588b]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-item[data-v-3892588b]{background-color:#30363d;border:1px solid #21262d;border-radius:.375rem;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.usage-item[data-v-3892588b]:hover{border-color:#58a6ff;transform:translateY(-2px)}.usage-item h4[data-v-3892588b]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:500;margin:1rem 0}.usage-item ul[data-v-3892588b]{list-style:none}.usage-item ul li[data-v-3892588b]{color:#8b949e;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;padding:.25rem 0}.usage-item ul li[data-v-3892588b]:before{color:#58a6ff;content:"▸";margin-right:.5rem}.usage-icon[data-v-3892588b]{align-items:center;background:linear-gradient(135deg,#58a6ff,#d2a8ff);border-radius:.375rem;color:#fff;display:flex;height:48px;justify-content:center;width:48px}