body{margin:24px;font-family:sans-serif}.tabs{gap:4px;margin:16px 0 12px;display:flex}.tab{cursor:pointer;font:inherit;background:#e8e8e8;border:1px solid #bbb;padding:6px 14px}.tab[aria-selected=true]{background:#fff;border-bottom-color:#fff;font-weight:600}.stage{aspect-ratio:1;border:1px solid #aaa;width:min(100%,640px);position:relative}.stage-reset{cursor:pointer;font:inherit;background:#ffffffd9;border:1px solid #aaa;padding:2px 10px;position:absolute;bottom:8px;right:8px}.stage-reset:hover{background:#fff}.viewer{width:100%;height:100%;display:block}button,select{font:inherit}.controls{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:12px 0;display:flex}.controls[hidden]{display:none}.control-group{border-collapse:collapse;border:1px solid #ddd}.control-group th,.control-group td{text-align:left;vertical-align:middle;padding:4px 10px}.control-group th{white-space:nowrap;font-weight:600}.control-group .group-title{color:#555;padding-top:8px;padding-bottom:8px}.control-group td{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.control-group code{font-size:1rem}[title]{cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dashed #999;text-decoration:underline dashed #999}.control-group input[type=number]{width:72px}.control-group input[type=checkbox]{vertical-align:middle;margin:0}.control-group input[type=range]{vertical-align:middle;width:140px}.control-group td.row-action-cell{text-align:right;display:table-cell}.control-group th code{padding-inline-start:calc(var(--depth,0) * 1em)}.control-group tr.inapplicable th code{color:#999}.control-group input.locked{color:#999;background-color:#f5f5f5}.status{color:#555;min-height:1.2em}footer{color:#555;margin-top:16px}figure{margin:0}figcaption{text-align:center;font-size:12px}figure canvas{image-rendering:pixelated;vertical-align:top;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid #aaa}pre{background:#f4f4f4;padding:12px}.grid{flex-wrap:wrap;gap:16px;display:flex}