:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.4}body{color:#1a1a1a;background:#f4f4f4;margin:0}main{max-width:56rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:1.5rem 0 .5rem;font-size:1.1rem}#status{color:#555;margin:0 0 1rem}#status.error{color:#b00020}.field{margin:.75rem 0;display:block}.field>span{margin-bottom:.25rem;font-weight:600;display:block}select{font:inherit;min-width:18rem;max-width:100%;padding:.4rem}fieldset{border:1px solid #ccc;padding:.5rem .75rem}fieldset label{margin-right:1rem}.note{background:#fff4e5;border-left:4px solid #f59e0b;padding:.5rem .75rem}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #333;border-radius:4px;padding:.5rem 1rem}button:hover{background:#eee}#feedback{color:#0a6b2b}.preview{background:#fff;border:1px solid #ccc;padding:1rem;overflow-x:auto}#guide details{background:#fff;border:1px solid #ddd;margin:.5rem 0;padding:.5rem .75rem}#guide summary{cursor:pointer;font-weight:600}#guide ol{margin:.5rem 0 .25rem;padding-left:1.25rem}
