@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=JetBrains+Mono:wght@400&display=swap";*{box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:#1a2f8a;color:#f0f2ff;padding:0 1.5rem;max-width:1400px;margin:2rem auto}a:not(alap-link){color:#ffe8a0}a:not(alap-link):hover{color:#ffd666}header{margin-bottom:1.5rem}header h1{font-size:1.4rem;color:#ffd666;margin-bottom:.5rem}header p{font-size:.9rem;color:#b8c4e8;line-height:1.5}header code,code{font-family:JetBrains Mono,monospace;background:#1a2870;color:#8bf;padding:.1em .35em;border-radius:3px;font-size:.85em}.panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;min-height:400px}.panel{background:#152570;border:1px solid #2e48a0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.panel h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#ffe8a0;padding:.6rem 1rem;border-bottom:1px solid #2e48a0;background:#2240a8}#cms-input{flex:1;border:none;outline:none;resize:none;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;color:#f0f2ff;background:#152570}.panel-transformed pre{flex:1;padding:1rem;overflow:auto;margin:0;background:#152570}.panel-transformed code{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#8bf;background:none}#live-preview{flex:1;padding:1rem;overflow:auto;font-size:.95rem;line-height:1.7;color:#f0f2ff}#live-preview alap-link{color:#8bf;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer}#live-preview alap-link:hover{color:#ffd666;text-decoration-style:solid}alap-link::part(menu){background:#2240a8;border:1px solid #4470cc;border-radius:6px;box-shadow:0 4px 12px #2240a880;padding:4px 0;min-width:160px}alap-link::part(link){display:block;padding:6px 16px;color:#f0f2ff;text-decoration:none;font-size:.9rem}alap-link::part(link):hover,alap-link::part(link):focus-visible{background:#3366d6;color:#ffd666}footer{margin-top:1.5rem}footer summary{cursor:pointer;font-size:.85rem;color:#7888b8}#config-display{margin-top:.5rem;padding:1rem;background:#152570;border:1px solid #2e48a0;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.8rem;white-space:pre-wrap;color:#b8c4e8;max-height:300px;overflow:auto}@media(max-width:900px){.panels{grid-template-columns:1fr}.panel{min-height:200px}}