.content-wrapper.svelte-hv3m5l{min-height:calc(100vh - 200px)}.badge-container.svelte-hv3m5l{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.controls-bar.svelte-hv3m5l{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:8px}.card.svelte-hv3m5l{border:none;box-shadow:0 5px 15px #0000000d;border-radius:8px;transition:box-shadow .3s ease}.card.svelte-hv3m5l:hover{box-shadow:0 8px 20px #00000014}.card-header.svelte-hv3m5l{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 1.25rem;border-radius:8px 8px 0 0!important}.input-card.svelte-hv3m5l .card-header:where(.svelte-hv3m5l){background-color:#e3f2fd}.output-card.svelte-hv3m5l .card-header:where(.svelte-hv3m5l){background-color:#e8f5e9}.code-textarea.svelte-hv3m5l{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;border:none;resize:vertical;padding:1rem;background-color:#f8f9fa}.code-textarea.svelte-hv3m5l:focus{outline:none;box-shadow:none;background-color:#fff}.output-card.svelte-hv3m5l .code-textarea:where(.svelte-hv3m5l){background-color:#f1f8e9}.options-card.svelte-hv3m5l{background-color:#fff3e0}.options-card.svelte-hv3m5l .card-header:where(.svelte-hv3m5l){background-color:#ffe0b2}.info-card.svelte-hv3m5l{background-color:#f8f9fa;color:#212529}.info-card.svelte-hv3m5l .card-header:where(.svelte-hv3m5l){background:transparent;border-bottom:1px solid rgba(255,255,255,.2)}.info-card.svelte-hv3m5l ul:where(.svelte-hv3m5l){list-style:none;padding-left:0}.info-card.svelte-hv3m5l ul:where(.svelte-hv3m5l) li:where(.svelte-hv3m5l){padding:.25rem 0 .25rem 1.5rem;position:relative}.info-card.svelte-hv3m5l ul:where(.svelte-hv3m5l) li:where(.svelte-hv3m5l):before{content:"✓";position:absolute;left:0;font-weight:700}.reference-card.svelte-hv3m5l code:where(.svelte-hv3m5l){background-color:#f8f9fa;padding:2px 6px;border-radius:3px;color:#d63384}.syntax-cheatsheet-card.svelte-hv3m5l{background-color:#f8f9fa}.cheatsheet-grid.svelte-hv3m5l{display:grid;grid-template-columns:1fr;gap:1rem}.cheatsheet-item.svelte-hv3m5l{padding:1rem;background-color:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.cheatsheet-item.svelte-hv3m5l h6:where(.svelte-hv3m5l){color:#495057;margin-bottom:.5rem}.example-pair.svelte-hv3m5l{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.example-json.svelte-hv3m5l,.example-toon.svelte-hv3m5l{background-color:#f8f9fa;border-radius:6px;padding:.5rem .75rem;overflow-x:auto}.example-json.svelte-hv3m5l{border-left:3px solid #0d6efd}.example-toon.svelte-hv3m5l{border-left:3px solid #198754}.example-arrow.svelte-hv3m5l{color:#6c757d;font-weight:700;font-size:1.5rem}.example-pair.svelte-hv3m5l pre:where(.svelte-hv3m5l){margin:0;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.4}.example-pair.svelte-hv3m5l code:where(.svelte-hv3m5l){background:none;padding:0;color:#212529}.btn.svelte-hv3m5l{border-radius:6px;font-weight:500;transition:all .2s ease}.btn.svelte-hv3m5l:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.form-control.svelte-hv3m5l:focus,.form-select.svelte-hv3m5l:focus{border-color:#4361ee;box-shadow:0 0 0 .2rem #4361ee26}.alert.svelte-hv3m5l{border-radius:8px;border:none}.badge.svelte-hv3m5l{font-weight:500;padding:.5rem .75rem;border-radius:6px}@media (max-width: 992px){.controls-bar.svelte-hv3m5l{flex-direction:column;gap:1rem}.controls-bar.svelte-hv3m5l .btn-group:where(.svelte-hv3m5l){width:100%}.controls-bar.svelte-hv3m5l .btn:where(.svelte-hv3m5l){flex:1}}@media (max-width: 576px){.display-4.svelte-hv3m5l{font-size:2rem}.lead.svelte-hv3m5l{font-size:1rem}.badge-container.svelte-hv3m5l{flex-wrap:wrap}.code-textarea.svelte-hv3m5l{font-size:.8rem}.example-pair.svelte-hv3m5l{grid-template-columns:1fr;gap:.5rem}.example-arrow.svelte-hv3m5l{text-align:center;transform:rotate(90deg)}.cheatsheet-item.svelte-hv3m5l{padding:1rem}.example-pair.svelte-hv3m5l pre:where(.svelte-hv3m5l){font-size:.75rem}}