*,*:before,*:after{box-sizing:border-box}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{color-scheme:light dark;--bg: #ffffff;--fg: #111111;--muted: #666666;--card: #f4f4f4}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--fg: #f5f7fa;--muted: #aab2bf;--card: #1a1f29}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}header,footer{padding:1rem 1.25rem;border-bottom:1px solid #0002}footer{border-top:1px solid #0002;border-bottom:0}main{max-width:900px;margin:0 auto;padding:1.25rem}.card{background:var(--card);border-radius:10px;padding:1rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card h2{margin-top:0}.card button,.card input{padding:.4rem .7rem;border:1px solid #0003;border-radius:6px;background:var(--bg);color:var(--fg)}.card input{width:100%}.panel,.popover{margin-top:.75rem;padding:.75rem;border:1px solid #0003;border-radius:8px;background:var(--bg)}.popover{width:max-content;max-width:240px;box-shadow:0 6px 20px #0003}.resizable{margin-top:.75rem;min-width:80px;min-height:60px;width:140px;height:90px;resize:both;overflow:auto;display:grid;place-items:center;border:1px dashed #0005;border-radius:8px;background:var(--bg)}.sortable{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.sortable li{padding:.5rem .7rem;border:1px solid #0003;border-radius:6px;background:var(--bg);cursor:grab}