.container[data-v-9f12c370]{margin:0 auto}header[data-v-9f12c370]{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}h1[data-v-9f12c370]{font-size:2.5rem;margin-bottom:10px}.description[data-v-9f12c370]{font-size:1.1rem;opacity:.9}.main-content[data-v-9f12c370]{display:flex;gap:20px;margin-bottom:20px}@media (max-width: 768px){.main-content[data-v-9f12c370]{flex-direction:column}}.panel[data-v-9f12c370]{flex:1;background:white;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;display:flex;flex-direction:column}.panel-title[data-v-9f12c370]{font-size:1.3rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;color:#2c3e50;display:flex;justify-content:space-between;align-items:center}.panel-actions[data-v-9f12c370]{display:flex;gap:10px}.panel-header[data-v-9f12c370]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}textarea[data-v-9f12c370]{width:100%;min-height:300px;padding:15px;border:1px solid #ddd;border-radius:6px;resize:vertical;font-family:Courier New,monospace;font-size:14px;line-height:1.5;transition:border-color .3s}textarea[data-v-9f12c370]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}textarea.error[data-v-9f12c370]{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.controls[data-v-9f12c370]{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.control-group[data-v-9f12c370]{display:flex;align-items:center;gap:8px}label[data-v-9f12c370]{font-weight:500}select[data-v-9f12c370],input[type=number][data-v-9f12c370],button[data-v-9f12c370]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff}button[data-v-9f12c370]{background-color:#3498db;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background-color .2s;display:flex;align-items:center;gap:5px}button[data-v-9f12c370]:hover{background-color:#2980b9}button.format-btn[data-v-9f12c370]{background-color:#27ae60;padding:10px 20px;font-size:1rem}button.format-btn[data-v-9f12c370]:hover{background-color:#219653}button.clear-btn[data-v-9f12c370]{background-color:#95a5a6}button.clear-btn[data-v-9f12c370]:hover{background-color:#7f8c8d}button.copy-btn[data-v-9f12c370]{background-color:#9b59b6}button.copy-btn[data-v-9f12c370]:hover{background-color:#8e44ad}button.example-btn[data-v-9f12c370]{background-color:#f39c12}button.example-btn[data-v-9f12c370]:hover{background-color:#e67e22}button.compress-btn[data-v-9f12c370]{background-color:#e74c3c}button.compress-btn[data-v-9f12c370]:hover{background-color:#c0392b}.output[data-v-9f12c370]{min-height:300px;max-height:600px;padding:15px;border:1px solid #ddd;border-radius:6px;background-color:#f8f9fa;white-space:pre-wrap;font-family:Courier New,monospace;font-size:14px;line-height:1.5;overflow:auto}.error[data-v-9f12c370]{color:#e74c3c;margin-top:10px;padding:10px;background-color:#fdeded;border-radius:4px;border-left:4px solid #e74c3c}.success[data-v-9f12c370]{color:#27ae60;margin-top:10px;padding:10px;background-color:#e6f7ee;border-radius:4px;border-left:4px solid #27ae60}.status[data-v-9f12c370]{margin-top:15px;font-size:.9rem;display:flex;justify-content:space-between}.copy-notification[data-v-9f12c370]{position:fixed;top:20px;right:20px;padding:10px 20px;background-color:#2ecc71;color:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s;z-index:1000}.copy-notification.show[data-v-9f12c370]{opacity:1;transform:translateY(0)}.example-select[data-v-9f12c370]{margin-top:10px}.example-select select[data-v-9f12c370]{width:100%;padding:8px;border-radius:4px;border:1px solid #ddd}.footer[data-v-9f12c370]{text-align:center;margin-top:40px;color:#7f8c8d;font-size:.9rem}