[data-v-20b0df9b]{margin:0;padding:0}.main-header-bar[data-v-20b0df9b]{box-sizing:border-box;width:100%;min-height:120px;image-rendering:pixelated;min-height:unset;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.coordinate-card[data-v-20b0df9b]{box-sizing:border-box;background:#eeeef0eb;border:3px solid;flex:220px;padding:10px;font-family:"Press Start 2P",monospace}.selected-color-card[data-v-20b0df9b]{box-sizing:border-box;background:#eeeef0eb;border:3px solid;flex-direction:column;flex:220px;justify-content:center;align-items:center;gap:8px;max-width:100%;max-height:150px;padding:10px;font-family:"Press Start 2P",monospace;display:flex}.button-container[data-v-20b0df9b]{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.paint-pixel-button[data-v-20b0df9b]{color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:3px solid #1a1a1a;flex:0 auto;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,16px);font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.2vw,11px);transition:transform 50ms,box-shadow 50ms}.paint-pixel-button[data-v-20b0df9b]:hover{color:#fcfcfc;background-color:#e9e9e9}.card-header[data-v-20b0df9b]{border-bottom:2px solid #1a1a1a;justify-content:center;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.header-title[data-v-20b0df9b]{letter-spacing:.5px;color:#222;text-align:center;font-size:9px}.card-body[data-v-20b0df9b]{gap:8px;display:flex}.coord-box[data-v-20b0df9b]{background:#fff;border:2px solid #1a1a1a;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px;display:flex}.coord-label[data-v-20b0df9b]{color:#555;font-size:8px}.coord-value[data-v-20b0df9b]{color:#1a1a1a;font-size:14px}.grid-container[data-v-20b0df9b]{box-sizing:border-box;place-items:center;width:100%;height:80vh;padding:16px;display:grid;overflow:auto}.square-grid[data-v-20b0df9b]{background-color:#e0e0e0;grid-template-columns:repeat(128,50px);grid-auto-rows:50px;margin:auto;display:grid}.pixel[data-v-20b0df9b]{box-sizing:border-box;border-style:solid;border-width:2px;width:auto;height:auto}.pixel[data-v-20b0df9b]:hover{cursor:pointer;filter:brightness(.7)}.MessageContainer[data-v-20b0df9b]{color:#222;text-align:center;z-index:1000;background-color:#eeeef0eb;border-radius:6px 6px 0 0;flex-direction:column;width:500px;max-width:90vw;min-height:100px;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -2px 10px #00000026}.MessageContainerHeader[data-v-20b0df9b]{color:#fff;text-align:center;background-color:#ff7a00;width:100%;padding:12px 0;font-family:"Press Start 2P",monospace;font-size:12px}.MessageContainerText[data-v-20b0df9b]{color:#222;text-align:center;word-wrap:break-word;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:12px}.previouslyUsedColor[data-v-20b0df9b]{border:1px solid #000;width:25px;height:25px}.previouslyUsedColor[data-v-20b0df9b]:hover{cursor:pointer;filter:brightness(.8)}