:root{color:#19312c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #dce5e1;align-items:center;gap:8px;min-height:48px;padding:8px 12px;font-size:13px;display:flex}#status{flex:1}button{color:inherit;cursor:pointer;background:#f0f5f2;border:1px solid #dce5e1;border-radius:6px;padding:6px 10px}button:disabled{opacity:.45;cursor:default}button:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #24866c}iframe{background:#fff;border:0;width:100%;min-height:100px;display:block}#error{color:#8d2525;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff1ef;margin:0;padding:12px;font-size:13px}.demo{max-width:1040px;margin:40px auto;padding:0 20px}.demo h1{letter-spacing:-1px;font-size:32px}.demo p{color:#50665d;line-height:1.6}.demo section{border:1px solid #dce5e1;border-radius:12px;margin:24px 0;overflow:hidden}.demo nav{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.demo textarea{border:1px solid #dce5e1;border-radius:8px;width:100%;min-height:220px;padding:16px;font:13px/1.6 ui-monospace,monospace}