.json-formatter[data-v-49e364dc]{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.toolbar[data-v-49e364dc]{display:flex;align-items:center;justify-content:space-between;padding:clamp(.625rem,1.5vw,.875rem) clamp(.75rem,1.5vw,1rem);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.875rem)}.toolbar-group[data-v-49e364dc]{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}.toolbar-label[data-v-49e364dc]{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm, .875rem);font-weight:500;color:var(--color-text-secondary)}.toolbar-select[data-v-49e364dc]{padding:clamp(.375rem,1vw,.5rem) clamp(.625rem,1.5vw,.875rem);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm, .875rem);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.toolbar-select[data-v-49e364dc]:hover{border-color:var(--color-border-hover)}.toolbar-select[data-v-49e364dc]:focus{outline:none;border-color:var(--color-primary)}.toolbar-btn[data-v-49e364dc]{padding:clamp(.375rem,1vw,.5rem) clamp(.75rem,1.5vw,1rem);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm, .875rem);transition:all .15s ease;cursor:pointer;min-height:40px;white-space:nowrap}.toolbar-btn[data-v-49e364dc]:hover{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-hover)}.toolbar-btn[data-v-49e364dc]:active{transform:scale(.98)}.editor-container[data-v-49e364dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-md, 1rem);min-height:clamp(300px,50vh,450px)}.editor-panel[data-v-49e364dc]{display:flex;flex-direction:column;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);min-height:clamp(200px,30vh,300px)}.panel-header[data-v-49e364dc]{display:flex;align-items:center;justify-content:space-between;padding:clamp(.625rem,1.5vw,.875rem) clamp(.875rem,2vw,1.25rem);background:var(--color-bg-base);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem}.panel-title[data-v-49e364dc]{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.copy-btn[data-v-49e364dc]{padding:clamp(.25rem,.75vw,.375rem) clamp(.625rem,1.5vw,.875rem);background:var(--color-primary);color:var(--color-bg-deep);font-size:.75rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);min-height:36px}.copy-btn[data-v-49e364dc]:hover{background:var(--color-primary-light);transform:translateY(-1px)}.copy-btn[data-v-49e364dc]:active{transform:scale(.98)}.editor-textarea[data-v-49e364dc]{flex:1;padding:clamp(.875rem,2vw,1.25rem);background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:clamp(.8rem,.75rem + .25vw,.9rem);line-height:1.7;resize:none;outline:none;min-height:clamp(120px,20vh,200px)}.editor-textarea[data-v-49e364dc]:focus{background:var(--color-bg-elevated)}.editor-textarea[data-v-49e364dc]::placeholder{color:var(--color-text-muted);opacity:.6}.editor-output-wrapper[data-v-49e364dc]{flex:1;overflow:auto;background:var(--color-bg-elevated);position:relative;-webkit-overflow-scrolling:touch}.editor-output[data-v-49e364dc]{margin:0;padding:clamp(.875rem,2vw,1.25rem);background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:clamp(.8rem,.75rem + .25vw,.9rem);line-height:1.7;overflow:visible}.editor-output code[data-v-49e364dc]{background:transparent;padding:0;color:inherit;font-size:inherit;font-family:inherit}.error-message[data-v-49e364dc]{padding:clamp(.875rem,2vw,1.25rem);color:var(--color-error);font-family:var(--font-mono);font-size:var(--text-sm, .875rem);background:#ef444414;border-left:3px solid var(--color-error);line-height:1.6}.minified-section[data-v-49e364dc]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.minified-output[data-v-49e364dc]{padding:clamp(.875rem,2vw,1.25rem);font-family:var(--font-mono);font-size:clamp(.75rem,.7rem + .25vw,.85rem);color:var(--color-text-secondary);background:var(--color-bg-elevated);word-break:break-all;max-height:clamp(80px,15vh,120px);overflow:auto;line-height:1.6;-webkit-overflow-scrolling:touch}