body{font:12pt Courier New}body #glyph-ruler{visibility:hidden;position:absolute}body .top{align-items:center;margin-bottom:.5em;display:flex}body .top>div:first-child{flex-direction:column;flex-shrink:0;flex-basis:10em;row-gap:1em;margin-right:2px;display:flex}body .top>div:first-child h3{margin:0}body .top>div:first-child sup,body .top>div:first-child input,body .top>div:first-child button{font-size:8pt}body .top>div:first-child form{font-size:9pt}body .top>div:first-child form input,body .top>div:first-child form button{width:5em}body .top>div:first-child form label[for=column-count]{margin-right:1.2em}body .top>div:first-child form label[for=row-count]{margin-right:3em}body .top #letter-block{cursor:pointer;border-top:1px solid gray;border-left:1px solid gray;flex-basis:70em;grid-template-columns:repeat(64,1fr);display:grid}body .top #letter-block div{border-bottom:1px solid gray;border-right:1px solid gray;justify-content:center;align-items:center;height:24pt;display:flex}body .top #letter-block div.disabled{color:silver;cursor:auto}body .top #letter-block div.selected{background-color:#0ff}body .top #letter-block div span{pointer-events:none}body .main{align-items:flex-start;column-gap:2px;display:flex}body .main>div:first-child{flex-shrink:0;flex-basis:10em;column-gap:2px;display:flex}body .main #tool-selections{grid-template-columns:repeat(2,1fr);gap:1px;width:fit-content;padding-bottom:5px;display:grid}body .main #tool-selections input{display:none}body .main #tool-selections label{cursor:pointer;border-bottom:50px solid gray;border-left:50px solid silver;position:relative}body .main #tool-selections label:before{content:"";background-color:#fff;background-repeat:no-repeat;width:44px;height:44px;position:absolute;top:3px;left:-47px}body .main #tool-selections .tool-point:before{background-image:url(tools.113c712f.svg#point)}body .main #tool-selections .tool-brush:before{background-image:url(tools.113c712f.svg#brush)}body .main #tool-selections .tool-boxBrush:before{background-image:url(tools.113c712f.svg#boxBrush)}body .main #tool-selections .tool-fill:before{background-image:url(tools.113c712f.svg#fill)}body .main #tool-selections .tool-rect:before{background-image:url(tools.113c712f.svg#rect)}body .main #tool-selections .tool-fillRect:before{background-image:url(tools.113c712f.svg#fillRect)}body .main #tool-selections .tool-boxRect:before{background-image:url(tools.113c712f.svg#boxRect)}body .main #tool-selections .tool-ellipse:before{background-image:url(tools.113c712f.svg#ellipse)}body .main #tool-selections .tool-fillEllipse:before{background-image:url(tools.113c712f.svg#fillEllipse)}body .main #tool-selections .tool-line:before{background-image:url(tools.113c712f.svg#line)}body .main #tool-selections .tool-text:before{background-image:url(tools.113c712f.svg#text)}body .main #tool-selections .tool-swap:before{background-image:url(tools.113c712f.svg#swap)}body .main #tool-selections .tool-eyedrop:before{background-image:url(tools.113c712f.svg#eyedrop)}body .main #tool-selections input:checked+label{border-bottom-color:silver;border-left-color:gray}body .main #tool-selections input:checked+label:before{background-color:#0ff}body .main .colors{border:1px solid #000;flex-direction:column;width:fit-content;height:fit-content;display:flex}body .main .colors .color-selections{border-bottom:1px solid #000;width:50px;height:50px;position:relative}body .main .colors .color-selections .selected{outline:2px dotted gold}body .main .colors .color-selections .tile-color{border:2px solid gray;width:21px;height:21px;position:absolute}body .main .colors .color-selections .tile-color hr{border-top-color:gray}body .main .colors .color-selections #bg-color{cursor:pointer;bottom:5px;right:5px}body .main .colors .color-selections #fg-color{cursor:pointer;top:5px;left:5px}body .main .colors #palette{cursor:pointer;grid-template-columns:repeat(2,1fr);display:grid}body .main .colors #palette .palette-cell{width:25px;height:25px}body .main #sketchpad{border:1px solid #00f;padding:1px;display:grid}body .main #sketchpad div{justify-content:center;align-items:center;display:flex}body .main #sketchpad div:hover{opacity:.8;outline:1px solid #00f}body .main #sketchpad div span{pointer-events:none;user-select:none}
/*# sourceMappingURL=letter-sketch.7200e041.css.map */