.qc-figure{border:1px solid color-mix(in srgb, var(--lightgray,#dfe3ea) 80%, transparent);background:color-mix(in srgb, var(--light,#f7f9fb) 82%, transparent);border-radius:14px;margin:1.6rem 0;padding:.9rem .6rem .5rem;overflow:auto hidden}.qc-figure--plain{background:0 0;border:0;padding:.4rem 0}.qc-root{--qc-line:var(--darkgray,#425466);--qc-fill:var(--light,#f7f9fb);--qc-ink:var(--dark,#17212b);--qc-accent:var(--secondary,#087e8b);--qc-faint:color-mix(in srgb, var(--gray,#9aa9b5) 78%, transparent);max-width:100%;height:auto;margin:0 auto;display:block}.qc-caption{color:var(--gray,#9aa9b5);text-align:center;margin:.5rem 0 0;font-size:.85rem}.qc-wire,.qc-cwire,.qc-measure-line{stroke:var(--qc-line)}.qc-wire{stroke-width:1.15px}.qc-cwire{stroke-width:1px;opacity:.75}.qc-measure-line{stroke-width:1.1px;stroke-dasharray:3 2.5}.qc-wlabel{fill:var(--qc-ink);font-family:var(--codeFont,ui-monospace, monospace);font-size:12.5px;font-weight:600}.qc-wlabel--c{fill:var(--qc-line);font-weight:500}.qc-brace{fill:none;stroke:var(--qc-line);stroke-width:1.3px}.qc-glabel{fill:var(--qc-accent);font-family:var(--codeFont,ui-monospace, monospace);font-size:12px;font-weight:700}.qc-group{fill:color-mix(in srgb, var(--secondary,#087e8b) 5%, transparent);stroke:color-mix(in srgb, var(--secondary,#087e8b) 55%, transparent);stroke-width:1.1px}.qc-group--dashed{stroke-dasharray:5 4}.qc-group-tag{fill:color-mix(in srgb, var(--secondary,#087e8b) 14%, var(--light,#f7f9fb));stroke:color-mix(in srgb, var(--secondary,#087e8b) 45%, transparent);stroke-width:1px}.qc-group-label{fill:var(--secondary,#087e8b);font-family:var(--codeFont,ui-monospace, monospace);font-size:11px;font-weight:700}.qc-box{fill:var(--qc-fill);stroke:var(--qc-line);stroke-width:1.25px}.qc-box-label{fill:var(--qc-ink);font-family:var(--codeFont,ui-monospace, monospace);font-weight:600}.qc-box-label--sub{fill:var(--qc-line);font-weight:500}.qc-ctrl{fill:var(--qc-ink)}.qc-connector,.qc-target line,.qc-swap line{stroke:var(--qc-ink);stroke-width:1.35px}.qc-targetcircle,.qc-ycircle{fill:var(--qc-fill);stroke:var(--qc-ink);stroke-width:1.35px}.qc-target--dot{fill:var(--qc-ink);stroke:none}.qc-target--box rect{fill:var(--qc-fill);stroke:var(--qc-line);stroke-width:1.25px}.qc-target.qc-relph{opacity:.62}.qc-measure-dot{fill:var(--qc-accent)}.qc-barrier{stroke:var(--qc-line);stroke-width:1.4px;stroke-dasharray:3 3}.qc-repeat path{fill:none;stroke:var(--qc-accent);stroke-width:1.2px}.qc-repeat-label{fill:var(--qc-accent);font-family:var(--codeFont,ui-monospace, monospace);font-size:11px;font-weight:700}.qc-error{border:1px solid color-mix(in srgb, #d9534f 55%, var(--lightgray,#dfe3ea));background:color-mix(in srgb, #d9534f 7%, var(--light,#f7f9fb));border-left-width:4px;border-radius:10px;margin:1.4rem 0;padding:.9rem 1.1rem;font-size:.9rem}.qc-error strong{margin-bottom:.25rem;display:block}.qc-error pre{white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;font-size:.82rem}.qc-play{flex-direction:column;gap:.75rem;display:flex}.qc-play textarea{border:1px solid var(--lightgray,#dfe3ea);background:var(--light,#f7f9fb);width:100%;min-height:16rem;color:var(--dark,#17212b);font-family:var(--codeFont,ui-monospace, monospace);resize:vertical;border-radius:10px;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.qc-play-toolbar{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.qc-play-toolbar button{border:1px solid var(--lightgray,#dfe3ea);background:var(--light,#f7f9fb);color:var(--dark,#17212b);font:inherit;cursor:pointer;border-radius:999px;padding:.32rem .75rem;font-size:.82rem}.qc-play-toolbar button:hover{border-color:var(--secondary,#087e8b);color:var(--secondary,#087e8b)}.qc-play-toolbar label{color:var(--gray,#9aa9b5);align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.qc-play-status{color:var(--gray,#9aa9b5);font-size:.8rem}