:root{color:#26322c;font-synthesis:none;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:1024px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 4rem,108rem);margin:0 auto;padding:2.5rem 0 6rem}.hero{max-width:52rem;margin-bottom:2.75rem}.eyebrow,.section-kicker{color:#5e7666;letter-spacing:.16em;margin:0;font-size:.74rem;font-weight:800}h1{color:#1c2821;letter-spacing:-.06em;margin:.25rem 0 .8rem;font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.6rem);font-weight:500;line-height:.95}h2,h3,p{margin-top:0}h2{letter-spacing:-.02em;margin-bottom:0;font-size:1.25rem}h3{margin:0;font-size:1rem;display:inline}.lead{color:#66736a;max-width:40rem;margin-bottom:0;font-size:1.05rem;line-height:1.8}.panel,.stage-card{background:#fbfaf7;border:1px solid #d9d4c9;border-radius:1.1rem;box-shadow:0 .5rem 2rem #3f392c0d}.panel{margin-bottom:1.25rem;padding:1.5rem}.section-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.25rem;display:flex}.direction-chip{color:#466249;white-space:nowrap;background:#e6efe5;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:750}.hint{color:#778177;font-size:.88rem}.size-controls{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:.75rem;display:flex}.size-controls label{color:#5c685e;gap:.25rem;font-size:.77rem;font-weight:750;display:grid}.size-controls input{color:#26322c;background:#fff;border:1px solid #cfc9bc;border-radius:.5rem;width:5.5rem;padding:.55rem .65rem}button{border:0;border-radius:.55rem;font-weight:750}.secondary-button{color:#315238;background:#e6efe5;border:1px solid #b6c5b5;padding:.6rem .8rem}.secondary-button:hover{background:#d8e8d8}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.text-button{color:#66816a;background:0 0;padding:.25rem .45rem;text-decoration:underline}.text-button:hover{color:#315238}.grid-scroll{max-width:100%;padding-bottom:.25rem;overflow:auto}.grid-with-index{grid-template-rows:1.25rem max-content;grid-template-columns:1.5rem max-content;width:max-content;display:grid}.grid-index-corner,.grid-index{color:#a0a79f;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.column-indexes{grid-area:1/2;gap:1px;margin-left:1px;display:grid}.row-indexes{grid-area:2/1;gap:1px;margin-top:1px;display:grid}.grid-index{place-items:center;display:grid}.grid{background:#bdc7bc;border:1px solid #bdc7bc;grid-area:2/2;gap:1px;width:max-content;display:grid}.cell{color:#39463d;font-variant-numeric:tabular-nums;background:#fffdfa;place-items:center;width:1.75rem;height:1.75rem;font-size:.95rem;font-weight:700;display:grid}.cell-zero{color:#d4d5d0}.cell-nonzero{color:#254c2d;background:#dfeedd}.cell-negative{background:#f4e7e4}.cell input{width:100%;height:100%;color:inherit;text-align:center;font-weight:inherit;background:0 0;border:0;outline:0}.cell input:focus{background:#f3faef;box-shadow:inset 0 0 0 3px #7ca47d}.coordinates{color:#8a9189;margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.preset-details{border-top:1px solid #e3ded4;max-width:52rem;margin-top:1rem;padding-top:.8rem}.preset-details summary{cursor:pointer;color:#466249;font-size:.85rem;font-weight:750}.preset-list{flex-wrap:wrap;gap:.6rem;margin-top:.7rem;display:flex}.preset-link{color:#38523d;background:#f4f8f1;border:1px solid #c8d2c5;border-radius:.55rem;gap:.15rem;min-width:12rem;padding:.65rem .75rem;text-decoration:none;display:grid}.preset-link:hover{background:#e6f1e3;border-color:#789a7c}.preset-link span{color:#778177;font-size:.75rem}.text-entry{background:#f7f5ef;border:1px solid #e3ded4;border-radius:.75rem;max-width:52rem;margin:1.25rem 0 1rem;padding:1rem}.text-entry-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.text-entry-heading div{gap:.15rem;display:grid}.text-entry-heading strong{font-size:.9rem}.text-entry-heading span{color:#778177;font-size:.78rem}.text-input{resize:vertical;color:#26322c;background:#fffdfa;border:1px solid #cfc9bc;border-radius:.5rem;outline:0;width:100%;min-height:7rem;padding:.7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.55;display:block}.text-input:focus{border-color:#7ca47d;box-shadow:0 0 0 3px #7ca47d2e}.text-input.has-error{border-color:#c47e70}.text-status{color:#778177;min-height:1.2rem;margin-top:.4rem;font-size:.76rem}.text-status.error{color:#a65345}.formula{color:#675f50;white-space:nowrap;background:#f0ece3;border-radius:.45rem;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.direction-picker{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,minmax(7rem,9rem));gap:.45rem;width:fit-content;display:grid}.direction-button{color:#38523d;text-align:left;background:#f4f8f1;border:1px solid #c8d2c5;grid-template-columns:1fr;align-items:center;padding:.55rem .65rem;display:grid}.direction-button:hover{background:#e6f1e3;border-color:#789a7c}.direction-button small{color:#839084;font-size:.68rem;font-weight:500}.sequence-block{margin-top:1rem}.sequence-line{color:#778177;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.sequence-item{color:#5e685e;background:#f0ece3;border-radius:.4rem;padding:.3rem .5rem}.sequence-controls{margin-top:.35rem}.stages-section{margin-top:2.5rem}.stages-heading{align-items:center}.stage-list{flex-wrap:wrap;align-items:start;gap:1.25rem;display:flex}.stage-card{width:fit-content;min-width:0;max-width:100%;padding:1rem}.stage-card-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.stage-index{color:#8d9a8d;margin-right:.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;display:inline-block}.copy-actions{color:#9a9e96;justify-content:end;align-items:center;gap:.2rem;margin-top:.5rem;font-size:.7rem;display:flex}.copy-button{color:#7c927e;background:0 0;border:0;border-radius:.3rem;padding:.2rem .3rem;font-size:.7rem}.copy-button:hover{color:#466249;background:#edf3e9}.display-controls{flex-wrap:wrap;justify-content:end;align-items:center;gap:.75rem;display:flex}.switch-control{color:#778177;white-space:nowrap;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.switch-control input{appearance:none;cursor:pointer;background:#cbd2ca;border-radius:999px;width:2rem;height:1.1rem;margin:0;transition:background .15s;position:relative}.switch-control input:after{content:"";background:#fffdfa;border-radius:50%;width:.8rem;height:.8rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.switch-control input:checked{background:#789a7c}.switch-control input:checked:after{transform:translate(.9rem)}.switch-control input:focus-visible{outline-offset:2px;outline:2px solid #7ca47d}@media (width<=70rem){body{min-width:0}.app-shell{width:min(100% - 2rem,62rem);padding-top:2.5rem}}