.code-formatter-tool[data-v-d0189d13]{display:flex;flex-direction:column;gap:1rem}.toolbar[data-v-d0189d13]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:.75rem;transition:all var(--transition-base)}.toolbar[data-v-d0189d13]:hover{border-color:var(--color-border-hover)}.toolbar-group[data-v-d0189d13]{display:flex;align-items:center;gap:.75rem}.toolbar-label[data-v-d0189d13]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.toolbar-select[data-v-d0189d13]{padding:.375rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem}.toolbar-btn[data-v-d0189d13]{padding:.5rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;transition:all .15s ease;cursor:pointer}.toolbar-btn[data-v-d0189d13]:hover{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-hover)}.editor-container[data-v-d0189d13]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;min-height:450px}@media(max-width:768px){.editor-container[data-v-d0189d13]{grid-template-columns:1fr}}.editor-panel[data-v-d0189d13]{display:flex;flex-direction:column;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.editor-panel[data-v-d0189d13]:hover{border-color:var(--color-border-hover)}.panel-header[data-v-d0189d13]{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.panel-title[data-v-d0189d13]{font-size:.875rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.copy-btn[data-v-d0189d13]{padding:.5rem 1rem;background:var(--color-primary);color:var(--color-bg-deep);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.copy-btn[data-v-d0189d13]:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-btn[data-v-d0189d13]:active{transform:translateY(0)}.editor-textarea[data-v-d0189d13]{flex:1;width:100%;padding:1.25rem;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;line-height:1.7;resize:none;outline:none}.editor-textarea[data-v-d0189d13]:focus{background:var(--color-bg-elevated)}.editor-textarea[data-v-d0189d13]::placeholder{opacity:.6}.editor-output-wrapper[data-v-d0189d13]{flex:1;overflow:auto;background:var(--color-bg-elevated);position:relative}.editor-output[data-v-d0189d13]{margin:0;padding:1.25rem;background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:.9rem;line-height:1.7;overflow:visible}.editor-output code[data-v-d0189d13]{background:transparent;padding:0;color:inherit;font-size:inherit;font-family:inherit}.error-message[data-v-d0189d13]{padding:1.25rem;color:var(--color-error);font-size:.875rem;background:#ef444414;border-left:3px solid var(--color-error);line-height:1.6}.compressed-section[data-v-d0189d13]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);animation:slideUp var(--transition-base) ease-out}.compression-info[data-v-d0189d13]{display:flex;align-items:center;gap:1rem}.compression-ratio[data-v-d0189d13]{font-size:.75rem;color:var(--color-primary);font-weight:600}.size-info[data-v-d0189d13]{font-size:.75rem;color:var(--color-text-muted)}.compressed-output[data-v-d0189d13]{width:100%;min-height:120px;padding:1.25rem;background:var(--color-bg-elevated);border:none;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;resize:vertical;outline:none}