:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f2e8;background:#0b090f;font:16px/1.6 system-ui,sans-serif}body{margin:0}main{max-width:560px;margin:40px auto;padding:24px}h1{margin-bottom:0;font:2.3rem Georgia,serif}h2{font-size:1.2rem}section,details{border-top:1px solid #a899bd40;margin-top:24px;padding-top:20px}label,small{display:block}input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#17121f;border:1px solid #afa0c640;border-radius:10px;margin:6px 0 12px;padding:12px}button{color:#17121f;cursor:pointer;background:#d6c6ed;border:0;border-radius:10px;margin:5px 8px 10px 0;padding:10px 18px;font:600 1rem system-ui}button:disabled{opacity:.45;cursor:default}summary{cursor:pointer}.notice,small{color:#bcb4ae;font-size:.85rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#17121f;border-radius:10px;padding:12px;font-size:.85rem}#preview{object-fit:contain;max-width:100%;max-height:400px;display:block}#preview[hidden]{display:none}