body{background-color:beige}textarea{font-family:monospace}.vertFlexBox{float:left;padding:2px;margin:2px}.flexBox{float:left;padding:2px;margin:2px;background-color:#d3d3d3;border:1px solid grey}.clearLeft{clear:left}.legendTitle{padding-left:2px;padding-right:2px;background-color:bisque;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popoverButton{background-color:#add8e6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popoverButton:hover{background-color:#6495ed}.label{background-color:#f5f5f5;float:left;margin-right:.2em;text-align:right;padding:0 2px;overflow:hidden;display:block}.popover{padding:2px;border:.5px solid #7A7A7A;position:absolute;background-color:#f5f5f5;z-index:16;top:100%;margin-top:5px;white-space:nowrap;flex-direction:column}.popover.right-align{right:0}.buttonPopoverContainer{display:inline-flex;position:relative}.popoverElement{margin:3px}.toolbarLine{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.toolbarLineItemRight{margin-left:auto;flex-wrap:wrap;gap:4px;align-items:center}.area{padding:2px;margin:1px;border:.5px solid #7A7A7A;float:left}.flexColumn{flex-direction:column}.field{padding:2px;float:left;display:flex;flex-direction:row;justify-content:space-between}.flexStart{justify-content:flex-start}.editable{background-color:#fff}.invalid{border-color:red}.selectWrap select{max-width:calc(22em - 6px);text-overflow:ellipsis}.kbdArea{width:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;float:left}.displayFlex{display:flex}.displayBlock{display:block}.displayNone{display:none}.kbdButton,.kbdButton1,.kbdButton2,.kbdButton3,.kbdButton4,.kbdButton5{width:2.5em;min-height:2em;cursor:pointer;margin-right:3px}.kbdButton1{overflow:hidden;padding-left:4px}.kbdButton2{width:3.8625em}.kbdButton3{width:5.2125em}.kbdButton4{width:calc(2.5em*2.635)}.kbdButton5{width:calc(2.5em*9.168)}.kbdNoRightMargin{margin-right:0}.dropZone{background-color:#fffacd;padding-left:1em;padding-right:1em}#kbdArea{touch-action:none;opacity:.8;background-color:#d3d3d380}#cpcCanvas{border-style:solid;border-width:4px;width:100%;height:100%;box-sizing:border-box}#cpcAreaInner{resize:both;overflow:hidden;padding-bottom:12px}#textText{overflow:hidden;resize:none;padding:0;line-height:15px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}#galleryAreaItems{width:320px;max-height:600px;overflow-y:scroll}#galleryAreaItems input{position:absolute;top:0;left:0;opacity:0}#galleryAreaItems label{display:block;height:200px;border:2px solid black;background-size:cover}.noScroll::-webkit-scrollbar{display:none}#debugArea{margin:2px;padding:4px;background-color:#f0f0f0;border:1px solid #ccc}.debugPanel{margin-top:5px;margin-bottom:5px;padding:5px;border:1px solid #ddd;background-color:#fff}.consoleLog{height:150px;overflow-y:scroll;border:1px solid #ccc;padding:4px;font-family:monospace;background-color:#fff;white-space:pre-wrap;margin-bottom:4px}.consoleInputRow{display:flex;gap:4px}.debugHighlight{background-color:#ffff004d}.breakpointMarker{color:red;font-weight:700}.changedVariable{font-weight:700;color:#00f}#inputContainer{display:flex;flex-direction:row;background-color:#fff;border:1px solid #7A7A7A}#debugGutter{width:40px;background-color:#f0f0f0;border-right:1px solid #ccc;font-family:monospace;overflow:hidden;text-align:right;padding-right:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;line-height:1.2em;padding-top:2px}#inputText{flex-grow:1;border:none;margin:0;padding:2px;line-height:1.2em;overflow-x:auto;white-space:pre;resize:none;outline:none}.gutterLine{height:1.2em;cursor:pointer;color:#888}.gutterLine:hover{background-color:#e0e0e0}.gutterLine.breakpoint:after{content:"●";color:red;margin-left:2px;font-size:.8em;vertical-align:middle}.clickable{cursor:pointer}.clickable:hover{text-decoration:underline;background-color:#f0f8ff}