/* Minimal demo styles */
:root{--bg:#f7f9fc;--panel:#ffffff;--muted:#6b7280;--accent:#1c6dd0}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#111}
.demo-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.demo-panel{width:100%;max-width:760px;background:var(--panel);border:1px solid #e6e9ef;border-radius:8px;padding:20px;box-shadow:0 10px 30px rgba(17,24,39,.06)}
.demo-heading h1{margin:0 0 8px;font-size:24px}
.demo-form{display:grid;gap:12px}
.demo-form label{display:block}
.demo-form span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.demo-form select,input{width:100%;padding:10px;border:1px solid #dbe3f0;border-radius:6px}
#amount{max-width:240px}
button#create-button{background:var(--accent);color:#fff;padding:12px;border-radius:8px;border:0;font-weight:700;cursor:pointer}
.notice{background:#fff3cd;padding:8px;border-radius:6px;border:1px solid #ffeeba;color:#856404}
.result{margin-top:16px}
.result-inner{padding:12px;border-radius:6px;border:1px solid #e6e9ef}
.result-inner.ok{background:#f0fdf4;border-color:#c6f6d5;color:#064e3b}
.result-inner.error{background:#fff5f6;border-color:#ffd6dd;color:#5f1222}
@media (max-width:560px){.demo-panel{padding:16px}}