:root{--accent: #386890;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#222;background-color:#f5f5f5}html,body{height:100%;margin:0}body{min-width:320px;padding-top:55px;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;flex:1}.site-nav{font-family:Mina,sans-serif;position:fixed;top:0;left:0;right:0;height:55px;background-color:var(--accent);z-index:1000;display:flex;align-items:center;font-size:120%}.site-nav .nav-container{max-width:1170px;width:100%;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.site-nav a{color:#ccc;text-decoration:none}.site-nav a:hover{color:#fff}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:4px}.nav-links a{padding:8px 15px;display:block}.nav-right{display:flex;list-style:none;margin:0;padding:0;gap:4px}.nav-right a{padding:8px 10px;display:block;font-size:120%}.nav-brand{display:none;color:#ccc;font-size:1rem}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:22px;height:2px;background-color:#ccc}.nav-collapse{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}@media(max-width:767px){.nav-brand{display:block}.nav-toggle{display:flex}.nav-collapse{display:none;position:absolute;top:55px;left:0;right:0;background-color:var(--accent);flex-direction:column;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.nav-collapse.open{display:flex}.nav-links{flex-direction:column;width:100%}.nav-links a{padding:10px 20px}.nav-right{padding:10px 15px}}.site-footer{font-family:Mina,sans-serif;background-color:var(--accent);border-top:1px solid #e7e7e7;color:#ccc;text-align:center;padding:15px;font-size:.85rem}.site-footer a{color:#ccc;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer p{margin:.25rem 0}.mask-grid.svelte-1k5zz1j{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1;padding:1.5rem;outline:none;border-radius:4px;position:relative}.mask-grid.svelte-1k5zz1j:hover{outline:2px solid #ccc;outline-offset:-2px}.mask-grid.svelte-1k5zz1j:focus-within{outline:2px solid #3366aa;outline-offset:-2px}.grid-title.svelte-1k5zz1j{font-size:13px;font-weight:600;color:#444;margin-bottom:.5rem;text-align:center}.input-group.svelte-1k5zz1j{display:flex;align-items:stretch}.block-label-row.svelte-1k5zz1j{display:flex;margin-bottom:4px}.label.step-label.svelte-1k5zz1j{padding:0 12px 0 0}.controls.svelte-1k5zz1j{display:flex;gap:2px;height:100%;align-items:center;justify-content:flex-end}.ctrl-btn.svelte-1k5zz1j{background:#e8eef6;color:#555;border:1px solid #bbb;border-radius:3px;padding:.3em .5em;font-size:16px;cursor:pointer;line-height:1}.ctrl-btn.svelte-1k5zz1j:hover:not(:disabled){background:#d0daea;border-color:#36a;color:#333}.ctrl-btn.svelte-1k5zz1j:disabled{background:transparent;color:#ccc;border-color:#ddd;cursor:default;visibility:hidden}.ctrl-btn.ctrl-restart.svelte-1k5zz1j{visibility:hidden}.mask-grid.svelte-1k5zz1j:hover .ctrl-btn:where(.svelte-1k5zz1j):disabled,.mask-grid.svelte-1k5zz1j:focus-within .ctrl-btn:where(.svelte-1k5zz1j):disabled,.mask-grid.svelte-1k5zz1j:hover .ctrl-btn.ctrl-restart:where(.svelte-1k5zz1j),.mask-grid.svelte-1k5zz1j:focus-within .ctrl-btn.ctrl-restart:where(.svelte-1k5zz1j){visibility:visible}.hints-row.svelte-1k5zz1j{position:absolute;left:0;right:0;bottom:.4rem;text-align:center;font-size:10px;visibility:hidden}.mask-grid.svelte-1k5zz1j:focus-within .hints-row:where(.svelte-1k5zz1j){visibility:visible}.hints.svelte-1k5zz1j{color:#999}.row.svelte-1k5zz1j{display:flex;align-items:stretch}.label.svelte-1k5zz1j{width:8em;flex-shrink:0;padding:4px 12px 4px 0;text-align:right;color:#777;font-size:12px;display:flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none}.label-active.svelte-1k5zz1j{color:var(--row-color);font-weight:700}.cells-viewport.svelte-1k5zz1j{flex:1;overflow:hidden;min-width:0}.cells.svelte-1k5zz1j{display:flex;width:max-content;transition:transform .3s ease}.cell.svelte-1k5zz1j{display:inline-flex;align-items:center;justify-content:center;width:1.4ch;height:1.8em;text-align:center;box-sizing:border-box;flex-shrink:0;transition:color .3s ease,background .3s ease}.clickable.svelte-1k5zz1j{cursor:pointer}.block-label-spacer.svelte-1k5zz1j{flex-shrink:0}.block-label.svelte-1k5zz1j{color:#36a;font-size:11px;white-space:nowrap;transform:translate(-50%)}.block-left.svelte-1k5zz1j{border-left:2px solid #3366aa;position:relative;z-index:1}.block-right.svelte-1k5zz1j{border-right:2px solid #3366aa;position:relative;z-index:1}.block-active-row.block-left.svelte-1k5zz1j{border-left-color:var(--row-color)}.block-active-row.block-right.svelte-1k5zz1j{border-right-color:var(--row-color)}.hover-block-left.svelte-1k5zz1j{border-left:2px solid rgba(51,102,170,.3);position:relative;z-index:1}.hover-block-right.svelte-1k5zz1j{border-right:2px solid rgba(51,102,170,.3);position:relative;z-index:1}.input-cell.svelte-1k5zz1j{color:#222;background:#e8e8e8;box-shadow:inset 0 -2px #bbb}.input-cell.zone-processed.svelte-1k5zz1j{color:#22222280;background:#e8e8e880}.input-cell.zone-future.svelte-1k5zz1j{color:#22222240;background:#e8e8e840}.mask-on.svelte-1k5zz1j{background:var(--row-color);color:#fff}.mask-off.svelte-1k5zz1j{color:#96969680}.mask-on.zone-processed.svelte-1k5zz1j{background:color-mix(in srgb,var(--row-color) 40%,transparent);color:#ffffffb3}.mask-off.zone-processed.svelte-1k5zz1j{color:#96969633}main.svelte-1n46o8q{max-width:800px;margin:0 auto;padding:2rem;flex:1}.figure.svelte-1n46o8q{max-width:680px;margin:.75rem auto}.example-grid.svelte-1n46o8q{float:right;width:280px;margin:0 0 1rem 1.5rem}@media(max-width:700px){.example-grid.svelte-1n46o8q{float:none;width:100%;max-width:400px;margin:0 0 1rem}}h1.svelte-1n46o8q{font-size:1.4rem;color:#333;margin-bottom:1.5rem;font-weight:400}