#fps-display{position:fixed;top:20px;right:20px;z-index:10;background:#000000b3;color:#fff;padding:6px 10px;border-radius:4px;font-size:.8em;font-family:monospace}#toolbar button.active-tool{background:#e0e0e0;border-color:#ccc;font-weight:700}#toolbar button.active-tool:hover{background:#e0e0e0}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f0f0f0}#toolbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:10px}#toolbar button{padding:8px 12px;cursor:pointer;border:1px solid transparent;border-radius:6px;background:transparent;font-size:1em}#toolbar button:hover{background:#f5f5f5}#color-picker-container{display:flex;align-items:center;gap:8px;border-left:1px solid #eee;padding-left:10px}#color-picker-container label{font-size:.9em;color:#666;padding-bottom:2px}#color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background-color:transparent;border:none;cursor:pointer;padding:0}#color-picker::-webkit-color-swatch-wrapper{padding:0}#color-picker::-webkit-color-swatch{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0003}#color-picker::-moz-color-swatch{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0003}canvas{display:block;background-color:#fff;box-shadow:0 0 20px #0000001a;margin:auto;position:absolute;inset:0}