body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.polyplace-container{display:flex;flex-direction:column;height:100vh}.navbar{background-color:#072e06;color:#dbc310;padding:10px;text-align:center;font-size:20px;font-weight:700}.navbar{position:relative}.nav-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:6px 12px;font-weight:700;cursor:pointer}.main-content{display:flex;flex:1;overflow:hidden}.canvas-panel{position:relative;flex:1;overflow:hidden;background:#666}.canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}.pixel{border:1px solid #ddd;cursor:pointer}.coords-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#ffffffe0;padding:4px 16px;border-radius:20px;font-size:13px;font-weight:700;pointer-events:none;white-space:nowrap;box-shadow:0 1px 4px #00000040}.color-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:#ffffffeb;padding:8px 12px;border-radius:12px;box-shadow:0 2px 8px #0000004d}.color-button{width:36px;height:36px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.color-button:hover{outline:3px solid #000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:24px 32px;border-radius:8px;min-width:320px;position:relative}.close-btn{position:absolute;top:8px;right:8px;font-size:24px;background:none;border:none;cursor:pointer}