html,body{margin:0;width:100%;height:100%;font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif}h1[data-astro-cid-sckkx6r4]{font-size:1.6rem;font-weight:700;letter-spacing:.01em;color:#23241f;text-align:center;margin:2rem auto;max-width:110ch}main[data-astro-cid-sckkx6r4]{display:block}footer[data-astro-cid-sckkx6r4]{text-align:center;padding:1.4rem;border-radius:10px;max-width:110ch;width:100%;margin:2.5rem auto}footer[data-astro-cid-sckkx6r4] p[data-astro-cid-sckkx6r4]{font-size:.79rem;margin:.5rem auto}a{color:#23241f;text-underline-offset:.1rem}body{background:#f5f5f5}.container[data-astro-cid-opaj4azu]{max-width:1200px;margin:2rem auto;padding:2rem 2rem 1.5rem;font-family:system-ui,sans-serif;display:flex;flex-direction:row;gap:8rem;align-items:flex-start;justify-content:center}.container[data-astro-cid-opaj4azu] form[data-astro-cid-opaj4azu]{flex:1 1 0;min-width:320px;max-width:450px}.container[data-astro-cid-opaj4azu] .preview[data-astro-cid-opaj4azu]{flex:1 1 0;min-width:320px;max-width:550px}.select[data-astro-cid-opaj4azu]{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem}.select[data-astro-cid-opaj4azu] label[data-astro-cid-opaj4azu]{font-size:1rem;color:#444}.select[data-astro-cid-opaj4azu] select[data-astro-cid-opaj4azu]{font-size:1rem;padding:.2rem .6rem;border-radius:6px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer}.color-grid[data-astro-cid-opaj4azu]{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;margin-bottom:2rem}.block-btn[data-astro-cid-opaj4azu]{background:none;border:none;cursor:pointer;font-size:1.2em;display:flex;align-items:center;padding:0}.color-label[data-astro-cid-opaj4azu]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.95rem;background:#f7f7f7;border-radius:8px;padding:.5rem;transition:background .2s}.color-label[data-astro-cid-opaj4azu]:hover{background:#ececec}.color-label[data-astro-cid-opaj4azu] span[data-astro-cid-opaj4azu]{text-transform:capitalize;color:#444;letter-spacing:.01em}.color-label[data-astro-cid-opaj4azu] input[data-astro-cid-opaj4azu][type=color]{border:none;background:none;width:2rem;height:2rem;cursor:pointer;padding:0}.preview[data-astro-cid-opaj4azu] h3[data-astro-cid-opaj4azu]{font-size:1.08rem;font-weight:500;margin-bottom:.7rem;color:#23241f}.preview[data-astro-cid-opaj4azu] pre[data-astro-cid-opaj4azu]{background:var(--code-background, #23241f);color:var(--code-normal, #f8f8f2);padding:1.2em 1em;border-radius:10px;font-size:var(--code-size, 13px);font-family:Fira Mono,monospace;white-space:var(--code-white-space, pre-wrap);overflow-x:auto;margin:0;box-shadow:0 1px 6px #0000000a}.token[data-astro-cid-opaj4azu].operator{color:var(--code-operator, #f8f8f2)}.token[data-astro-cid-opaj4azu].comment{color:var(--code-comment, #75715e)}.token[data-astro-cid-opaj4azu].function{color:var(--code-function, #a6e22e)}.token[data-astro-cid-opaj4azu].keyword{color:var(--code-keyword, #f92672)}.token[data-astro-cid-opaj4azu].string{color:var(--code-string, #e6db74)}.token[data-astro-cid-opaj4azu].console{color:var(--code-console, #e6db74)}.token[data-astro-cid-opaj4azu].property{color:var(--code-property, #a6e22e)}.token[data-astro-cid-opaj4azu].selector{color:var(--code-selector, #f92672)}.token[data-astro-cid-opaj4azu].value{color:var(--code-value, #ae81ff)}.token[data-astro-cid-opaj4azu].important{color:var(--code-important, #cb4b16)}.token[data-astro-cid-opaj4azu].boolean{color:var(--code-boolean, #ae81ff)}.token[data-astro-cid-opaj4azu].punctuation{color:var(--code-punctuation, #f8f8f2)}.button[data-astro-cid-opaj4azu]{display:inline-flex;align-items:center;justify-content:center;font-size:.97rem;padding:.35rem .9rem;border-radius:7px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer;transition:background .18s,border .18s;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 1px 4px #00000008;outline:none}.button[data-astro-cid-opaj4azu]+.button[data-astro-cid-opaj4azu]{margin-left:.5rem}.button[data-astro-cid-opaj4azu]:hover,.button[data-astro-cid-opaj4azu]:focus{background:#ececec;border-color:#bbb;color:#222}