:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--card:#f2f4f6;--accent:#1b6ef3;--err:#c62828}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121417;--fg:#eee;--card:#1e2227;--accent:#6ea8ff;--err:#ff8a80}}body{background:var(--bg);color:var(--fg);margin:0;font:18px/1.4 system-ui,sans-serif}main{max-width:34rem;margin:0 auto;padding:16px}h1{font-size:1.5rem}h3{margin:1.2rem 0 .4rem;font-size:1rem}button,.btn{box-sizing:border-box;border:2px solid var(--accent);width:100%;min-height:48px;color:var(--fg);font:inherit;text-align:center;background:0 0;border-radius:10px;margin:8px 0;padding:12px;text-decoration:none;display:block}button.on,.primary{background:var(--accent);color:#fff}button:disabled{opacity:.5}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{flex:8rem;width:auto;margin:0}input:not([type=file]){box-sizing:border-box;width:100%;min-height:48px;font:inherit;padding:8px}.card{background:var(--card);border-radius:10px;margin:10px 0;padding:12px}.list{padding:0;list-style:none}.beta{background:var(--card);border-left:4px solid var(--accent);padding:8px 12px}.hint{opacity:.75;font-size:.9rem}.error{color:var(--err)}.boxwrap{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.frame{width:100%;display:block}.rect{border:3px solid var(--accent);pointer-events:none;background:#1b6ef333;position:absolute}progress{width:100%}.preview{background:var(--card);border-radius:10px;width:240px;max-width:100%;margin:8px auto;display:block}