:root{font-family:system-ui,sans-serif;color:#111318;background:#fff;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}main{padding:16px;max-width:720px;margin:auto}h1{font-size:20px;margin:0 0 10px}p{font-size:13px;color:#667085;line-height:1.5}label{display:block;font-size:14px;margin:10px 0 6px}textarea,select,button{font:inherit;max-width:100%;border:1px solid #e8ecf2;border-radius:10px;padding:10px}textarea{width:100%;resize:vertical}button{background:#2563eb;color:#fff;min-height:44px;margin:12px 0}select{min-height:44px;width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:14px}a{font-size:13px;color:#2563eb;display:inline-flex;align-items:center;min-height:44px}canvas{max-width:100%;height:auto}textarea:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(prefers-color-scheme:dark){:root{color:#f0f3fa;background:#161a22}p{color:#aab4c4}textarea,select{background:#202631;color:#f0f3fa;border-color:#354052}a{color:#8aafff}}
.widget-actions{display:flex;gap:8px;flex-wrap:wrap}.widget-actions button{margin:4px 0;flex:1 1 120px}#widget-status{min-height:1.2em;margin:6px 0}button[hidden]{display:none}