.image-seam-area{z-index:2;cursor:ew-resize;touch-action:pan-y;position:absolute}.image-seam{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.image-seam:before{content:"";background:var(--demo-white);width:1px;position:absolute;top:0;bottom:0;left:-.5px}.image-seam-handle{pointer-events:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;left:0}.image-seam-handle span{background:var(--demo-white);border:1px solid var(--demo-black);width:14px;height:14px;transform:rotate(45deg)}.image-seam-handle:focus-visible{outline:none}.image-seam-handle:focus-visible span{outline:2px solid var(--demo-white);outline-offset:4px}.image-empty{z-index:1;padding:var(--demo-gutter);text-align:center;pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}.image-strip{left:var(--demo-gutter);right:calc(var(--demo-gutter) + 88px);bottom:calc(var(--demo-sheet) + 8px);z-index:4;width:fit-content;max-width:calc(100% - 2 * var(--demo-gutter) - 88px);white-space:nowrap;background:var(--demo-veil);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-control);scrollbar-width:none;gap:20px;padding:0 14px;display:flex;position:absolute;overflow-x:auto}.image-strip::-webkit-scrollbar{display:none}.image-strip button{min-height:44px;color:inherit;font:inherit;cursor:pointer;transition:color var(--dur-quick) ease;flex:none}.image-strip button:hover,.image-strip button[aria-pressed=true]{color:var(--demo-white)}.image-strip button[aria-pressed=true]{text-underline-offset:6px;text-decoration:underline}.image-stage .demo-ledger-stage{bottom:calc(var(--demo-sheet) + 64px)}.image-note{color:var(--demo-dim);margin:0 0 8px;font-size:12px;line-height:1.5}.image-kernel{padding-top:10px}.image-kernel legend{float:left;width:100%;padding:0}.image-kernel .demo-segmented{clear:both;padding-top:0}.image-kernel-grid{gap:4px;margin:4px 0 8px;display:grid}.image-kernel input,.image-kernel-divisor input{min-width:0;min-height:44px;color:var(--demo-white);font:inherit;text-align:center;border:1px solid var(--demo-line);background:0 0;border-radius:4px;padding:0 4px}.image-kernel input[aria-invalid=true]{border-color:var(--signal-change)}.image-kernel-divisor{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-kernel-divisor label{align-items:center;gap:10px;display:flex}.image-kernel-divisor input{width:8ch}.image-kernel-caption{margin:4px 0 0;font-size:12px;line-height:1.5}.image-sweep{margin-top:8px}.image-chart{width:100%;max-width:520px;height:auto;margin:16px 0;font-size:11px;display:block}.image-chart-grid{stroke:var(--demo-line);stroke-width:1px}.image-chart-tick{fill:var(--demo-dim)}.image-chart-line{fill:none;stroke-width:2px}.image-chart-line[data-signal=compiled]{stroke:var(--signal-compiled)}.image-chart-line[data-signal=interpreted]{stroke:var(--signal-interpreted)}.image-chart-dot[data-signal=compiled]{fill:var(--signal-compiled)}.image-chart-dot[data-signal=interpreted]{fill:var(--signal-interpreted)}.image-chart-label[data-signal=compiled]{fill:var(--signal-compiled)}.image-chart-label[data-signal=interpreted]{fill:var(--signal-interpreted)}.image-sweep-table{border-collapse:collapse;font-size:13px}.image-sweep-table caption{color:var(--demo-dim);text-align:left;margin-bottom:8px}.image-sweep-table th,.image-sweep-table td{text-align:left;padding:2px 24px 2px 0;font-weight:400}.image-sweep-table th{color:var(--demo-dim)}@media (max-width:767px){.image-strip{width:auto;max-width:none;padding:0 var(--demo-gutter);border-radius:0;left:0;right:0}.image-stage .demo-ledger-stage{bottom:calc(var(--demo-sheet) + 56px)}}