.cx-web-tool{border:1px solid rgb(var(--color-line));border-radius:1rem;padding:1.25rem;margin:2rem 0;background:rgb(var(--color-surface));color:rgb(var(--color-ink))}.cx-web-tool form{display:grid;gap:.6rem}.cx-web-tool input,.cx-web-tool textarea{width:100%;padding:.7rem;border:1px solid rgb(var(--color-line));border-radius:.4rem;background:rgb(var(--color-canvas));color:inherit;font:inherit}.cx-web-tool button,.cx-web-tool a{display:inline-block;min-height:44px;padding:.6rem}.cx-web-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.cx-web-tool canvas{max-width:100%;height:auto}.cx-web-tool :focus-visible{outline:3px solid rgb(var(--color-accent));outline-offset:3px}.cx-web-tool aside{border-top:1px solid rgb(var(--color-line));margin-top:1rem;padding-top:1rem}@media print{.cx-web-tool button,.cx-web-tool aside,.cx-web-tool a{display:none}.cx-web-tool{break-inside:avoid}}
.cx-web-tool [hidden]{display:none!important}
.cx-web-tool h2{margin-top:0}.cx-web-tool label{font-weight:600}.cx-web-tool button,.cx-web-tool aside a{border:1px solid rgb(var(--color-control));border-radius:10px;background:transparent;color:rgb(var(--color-ink));font-weight:600;padding:.6rem 1rem;text-decoration:none;cursor:pointer}.cx-web-tool button:hover,.cx-web-tool aside a:hover{border-color:rgb(var(--color-accent));background:rgb(var(--color-raised))}.cx-web-tool form button[type=submit],.cx-web-tool aside a[data-register]{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:rgb(var(--color-onAccent))}.cx-web-tool form button[type=submit]:hover,.cx-web-tool aside a[data-register]:hover{background:rgb(var(--color-accent) / .9);color:rgb(var(--color-onAccent))}.cx-web-tool pre{font:inherit;font-weight:600;margin:.75rem 0 0}.cx-web-tool pre:empty{display:none}.cx-web-tool aside{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.cx-web-tool aside p{flex-basis:100%;margin:0}