:root{color-scheme:light dark;--background:#fff;--text:#1f2328;--muted:#656d76;--border:#d0d7de;--link:#0969da;--subtle:#f6f8fa;--focus:#0969da;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:20px;color:var(--text);background:var(--background)}body{margin:0;font-size:14px}@media (prefers-color-scheme:dark){:root{--background:#0d1117;--text:#c9d1d9;--muted:#8b949e;--border:#30363d;--link:#58a6ff;--subtle:#161b22;--focus:#58a6ff}}/* Page styles stop at the native comments mount; the widget owns its typography and controls. */@scope (.page) to (#demo-comments){*{box-sizing:border-box}a{color:var(--link);text-decoration:underline;text-underline-offset:2px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.panel{border:1px solid var(--border);border-radius:6px;min-width:0}.byline{display:flex;align-items:center;gap:8px;padding:12px 16px 0;min-height:38px}.byline .brand-logo{flex:none;object-fit:contain}.author{font-weight:600;color:var(--text);text-decoration:none}.muted{color:var(--muted)}.badge{border:1px solid var(--border);border-radius:2em;font-size:12px;line-height:18px;padding:0 7px}.markdown{padding:16px;overflow-wrap:break-word}.markdown h1,.markdown h2{border-bottom:1px solid var(--border);padding-bottom:8px;font-weight:600}.markdown h1{font-size:30px;line-height:36px;margin:0 0 16px}.markdown h2{font-size:24px;line-height:32px;margin:24px 0 16px}.markdown h3{font-size:20px;line-height:28px;font-weight:600;margin:24px 0 16px}p{margin:0 0 16px}ul,ol{padding-left:28px;margin:0 0 16px}li+li{margin-top:4px}blockquote{margin:0 0 16px;border-left:3px solid var(--border);padding:0 16px;color:var(--muted)}blockquote p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:85%;background:var(--subtle);border-radius:4px;padding:2px 4px}pre{padding:16px;overflow:auto;line-height:1.5;background:var(--subtle);border-radius:6px;margin:16px 0}pre code{padding:0;font-size:12px;background:none}label{display:block}input[type=url],input:not([type]),select{display:block;border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:6px;padding:5px 12px;max-width:100%;margin:8px 0;min-height:32px}input[type=url],input:not([type]){width:50%;min-width:260px}input::placeholder{color:var(--muted)}select{padding-right:24px}.hint{font-size:12px;color:var(--muted);margin-top:4px}.choices{border:0;margin:0 0 16px;padding:0}.choices label,.check{display:flex;align-items:flex-start;gap:8px;margin:12px 0}.choices input,.check input{margin:3px 0 0;accent-color:var(--link)}button{border:1px solid var(--border);border-radius:6px;background:var(--subtle);color:var(--text);font-weight:500;padding:5px 16px;cursor:pointer;min-height:32px}button:hover{filter:brightness(.96)}#status{margin-top:12px}#status:empty{display:none}.table-scroll{overflow-x:auto;margin-bottom:16px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:20px;min-width:510px}th,td{border:1px solid var(--border);padding:6px 13px;text-align:left;vertical-align:top}th{font-weight:600}tr:nth-child(even){background:var(--subtle)}footer{color:var(--muted);font-size:12px;padding-top:24px}footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:600px){.markdown{padding:16px}input[type=url],input:not([type]){width:75%;min-width:0}.byline{gap:7px;font-size:12px}.markdown h1{font-size:30px}}@media (prefers-color-scheme:dark){button:hover{filter:brightness(1.2)}}
.deploy{display:inline-block;background:#1f883d;color:white;text-decoration:none;border:1px solid #1f883d;border-radius:6px;padding:6px 14px;margin-right:12px;font-weight:600}.design-picker{display:flex;gap:6px;margin:16px 0 24px}.design-picker button[aria-pressed=true]{background:var(--text);color:var(--background)}.demo-context{font-size:13px;color:var(--muted);line-height:1.5}}#demo-comments{margin:16px 0 24px;min-height:180px}@media (max-width:600px){#demo-comments{margin-inline:-17px}}.page{box-sizing:border-box;max-width:768px;margin:0 auto;padding:8px}