:root{--paper:#f2efe6;--ink:#181916;--red:#b43d26;--line:#c9c5b9;--muted:#68665e;font-family:'Courier New',monospace;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;min-height:44px}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){color:var(--red)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}a{color:inherit;text-decoration:none}.masthead{min-height:70px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:1.1px}.back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:0}.masthead>span:first-of-type{padding-left:50px}main{max-width:1480px;margin:auto;padding:0 4.5%}.title-row{display:flex;align-items:center;justify-content:space-between;padding:31px 0 29px}h1{font:normal clamp(48px,6.2vw,88px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-5px;margin:0}h1 em{font-weight:normal}.title-star{font:normal 51px Georgia;display:inline-block;color:var(--red);vertical-align:top;margin-left:22px;padding-top:3px}.title-row p{font:14px/1.6 Georgia,serif;margin:0 0 0 24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.drawing{min-width:0;position:relative;border-right:1px solid var(--line);padding:0 28px 0 0}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.7px}.stage-top{height:53px}.stage-top i{display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;margin-right:8px}.canvas-wrap{position:relative;height:585px;display:flex;align-items:center;justify-content:center;overflow:hidden}#stage{height:100%;width:100%;overflow:visible;touch-action:none;user-select:none}#glyph{animation:ink-in .7s cubic-bezier(.2,.7,.3,1) both}#scene{transform-origin:300px 390px}#guides{stroke:#b8b2a3;stroke-width:.65}#construction{stroke:var(--red);stroke-opacity:.45;stroke-width:.8;fill:none;pointer-events:none}.grid-cell{fill:transparent;stroke:transparent;stroke-width:1.5;cursor:crosshair}.grid-cell:hover{fill:#b43d260b;stroke:#b43d2680}.grid-cell:focus-visible{outline:0;stroke:var(--red);stroke-width:3;fill:#b43d2613}.side-note{position:absolute;right:-8px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.stage-bottom{border-top:1px solid var(--line);min-height:56px;gap:12px;letter-spacing:0}.stage-bottom p{font-size:11px;line-height:1.5}.stage-bottom button{white-space:nowrap;font-size:11px}.stage-bottom button span{color:var(--red);font-size:9px;margin-left:8px}.inspector{padding:25px 0 20px 29px}.section-heading{margin-bottom:21px}.section-heading h2{font:normal 26px Georgia,serif;letter-spacing:-.8px;margin:0 0 9px}.section-heading>span,.alphabet-heading>span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.parameter{display:grid;grid-template-columns:1fr auto;margin:0 0 5px}.parameter label,.merge-line label{font-size:12px}.parameter output{font-size:11px;color:var(--red)}input[type=range]{grid-column:1/-1;appearance:none;width:100%;height:31px;min-height:44px;margin:0;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--ink) var(--position,50%),var(--line) var(--position,50%))}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:3px solid var(--paper);outline:1px solid var(--ink);background:var(--ink);border-radius:50%;margin-top:-5.5px}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--paper);outline:1px solid var(--ink);background:var(--ink);border-radius:50%}.range-captions{grid-column:1/-1;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:-4px;margin-bottom:8px}.merge-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;height:54px}.merge-line input{appearance:none;width:44px;height:44px;position:relative;cursor:pointer;margin:0}.merge-line input:before{content:'';position:absolute;inset:12px 0;background:var(--line);border-radius:20px}.merge-line input:checked:before{background:var(--ink)}.merge-line input:after{content:'';position:absolute;top:15px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--paper);transition:transform .15s}.merge-line input:checked:after{transform:translateX(24px)}.zoom{margin-top:8px}.ink-row{border-top:1px solid var(--line);margin-top:4px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.swatches{display:flex;gap:2px}.swatch{width:44px;position:relative}.swatch:before{content:'';position:absolute;inset:11px;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:6px;border:1px solid var(--swatch);border-radius:50%}.black{--swatch:#181916}.rust{--swatch:#b43d26}.cobalt{--swatch:#244cbc}.edit-actions{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:15px;font-size:11px}.export{display:flex;gap:8px}.export button{border:1px solid var(--ink);padding:0 15px;font-size:11px}.export button:first-child{background:var(--ink);color:var(--paper);flex:1;display:flex;justify-content:space-between;align-items:center}.export button:first-child:hover{background:var(--red);border-color:var(--red)}.export-note{font-size:7px;letter-spacing:.5px;color:var(--muted);line-height:1.6;margin:10px 0 0}.alphabet-section{padding:26px 0 30px}.alphabet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.alphabet-heading h2{font:normal 21px Georgia,serif;margin:0}.alphabet{display:grid;grid-template-columns:repeat(26,1fr)}.alphabet button{padding:0;font:21px Georgia,serif;position:relative;min-width:0}.alphabet button[aria-pressed=true]{color:var(--red)}.alphabet button[aria-pressed=true]:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--red);bottom:0;left:calc(50% - 2px)}footer{border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:19px 0 28px;font-size:9px;letter-spacing:.7px}footer p{font:italic 13px Georgia,serif;letter-spacing:0;margin:0}#status{color:var(--muted);font-size:8px}@keyframes ink-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.canvas-wrap{height:640px}}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 265px}.inspector{padding-left:22px}.drawing{padding-right:20px}.canvas-wrap{height:610px}.title-row p{font-size:12px}h1{letter-spacing:-3px}.title-star{font-size:37px;margin-left:12px}.edition{display:none}.masthead>span:first-of-type{padding:0}.alphabet{grid-template-columns:repeat(13,1fr);row-gap:12px}}@media(max-width:680px){.masthead{margin:0 5%;min-height:54px;font-size:8px;letter-spacing:.5px}.back{font-size:11px}main{padding:0 5%}.title-row{padding:25px 0 24px;display:block}h1{font-size:clamp(40px,9vw,60px);letter-spacing:-2.5px;white-space:nowrap}.title-star{font-size:30px;margin-left:10px}.title-row p{display:none}.workspace{display:flex;flex-direction:column}.drawing{border-right:0;padding:0}.stage-top{height:43px;font-size:8px}.canvas-wrap{height:auto;aspect-ratio:600/690}#stage{position:absolute;inset:0}.side-note{right:0;font-size:7px}.stage-bottom{min-height:57px}.stage-bottom p{font-size:10px;max-width:220px}.stage-bottom button{font-size:10px}.inspector{border-top:1px solid var(--ink);padding:25px 0 26px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.section-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-heading h2{font-size:25px;margin:0}.merge-line{grid-column:1/-1;margin-top:6px}.zoom{margin:0}.ink-row,.edit-actions,.export,.export-note{grid-column:1/-1}.ink-row{margin-top:8px}.export{margin-top:4px}.export button{min-height:48px}.export-note{font-size:8px}.alphabet-heading h2{font-size:18px}.alphabet-heading>span{font-size:8px}.alphabet{grid-template-columns:repeat(7,1fr);row-gap:5px}.alphabet button{min-height:46px}footer{flex-wrap:wrap;gap:14px}footer p{font-size:12px}#status{flex-basis:100%;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}