*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ui-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff6;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:1.5rem;position:absolute;right:2rem;top:2rem;width:250px;z-index:10}.ui-title{color:#555;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}.color-picker{display:flex;flex-direction:column;gap:.5rem}.color-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.5rem;text-align:left;transition:all .2s ease}.color-btn:hover{background:#ffffff80}.color-btn.active{background:#fff;border:1px solid #0000000d;box-shadow:0 2px 8px #0000000d}.swatch{border:1px solid #fffc;border-radius:50%;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000001a;height:24px;width:24px}
/*# sourceMappingURL=main.db9ced3d.css.map*/