:root{color:#212121;background:#f5f5f5;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.top{background:#ca6642;color:#fff;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center}.top a,.top button.link{color:#fff;background:none;border:0;font:inherit;cursor:pointer;text-decoration:none}.wrap{max-width:720px;margin:0 auto;padding:1rem}.card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem}h1{font-size:1.25rem;margin:0 0 .75rem}h2{font-size:1rem;margin:0 0 .5rem}button,.btn{display:block;width:100%;padding:.75rem;border-radius:8px;border:0;background:#ca6642;color:#fff;font:inherit;margin-top:.5rem;cursor:pointer}button.secondary{background:#eee;color:#212121}input,select,textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid #ccc;font:inherit;margin-top:.35rem}label{display:block;margin-top:.75rem;color:#757575;font-size:.9rem}.err{color:#c62828}.ok{color:#2e7d32}.warn{color:#f9a825}.row{display:flex;gap:.5rem}.row button{flex:1}canvas{width:100%;height:160px;border:1px solid #ccc;border-radius:8px;background:#fff;touch-action:none}.muted{color:#757575}