body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--pink-color:#fe9ab7;--green-color:#39c682;--text-color:#5d5d5d;--gray-color:#f6f6f6;--blue-color:#62c8f7;--border-radius:0.5rem}html{font-size:1rem}.app{display:flex;height:100vh;position:relative;width:100vw}.app.mobile{flex-direction:column-reverse}.app.mobile .sidebar{width:100%}@media (min-width:480px){.app.mobile .controls-and-colors{display:flex;gap:4px}.app.mobile .tool-selector{align-items:center;display:flex;justify-content:center}}.mb{margin-bottom:16px}.border{border:1px solid #6464641a}.rounded{border-radius:.25rem;border-radius:calc(var(--border-radius)/2)}.sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-container{display:flex;height:100%;padding-bottom:1rem;padding-top:1rem;position:relative}.sidebar{background-color:#f6f6f6;background-color:var(--gray-color);border-radius:0 .5rem .5rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:0 0 10px #04041e33;height:100%;overflow-x:visible;overflow-y:auto;padding:1rem;width:460px}.logo{height:3.4rem}.logo img{height:100%;width:100%}.controls{align-items:center;border-radius:.25rem;border-radius:calc(var(--border-radius)/2);display:flex;flex-direction:column;gap:1rem;margin-bottom:4px;padding:1rem}.tool-icon{height:1.6rem;width:1.6rem}.tool-selector button{background-color:#fff;border:1px solid #ddd;border-radius:.25rem;border-radius:calc(var(--border-radius)/2);cursor:pointer;margin:0 .25rem;padding:.5rem 1rem;transition:all .2s}.tool-selector button:hover{background-color:#e8e8e8}.tool-selector button.active{background-color:#39c682;background-color:var(--green-color);color:#fff;cursor:default}.brush-size{align-items:center;border-radius:.25rem;border-radius:calc(var(--border-radius)/2);display:flex;flex-direction:column;gap:5px;padding:.5rem 1rem}.brush-size input{max-width:200px;width:100%}.aa-controls{background:#f5f5f5;border-radius:.5rem;margin:1rem 0;padding:1rem}.control-group{margin-bottom:10px}.control-group label{display:block;font-size:.9rem;margin-bottom:5px}.control-group input,.control-group select{max-width:300px;width:100%}.action-buttons{display:flex;gap:10px;margin:1rem 0}.undo-button{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.undo-button:hover:not(:disabled){background-color:#e0e0e0}.undo-button:disabled{cursor:not-allowed;opacity:.5}.color-picker{align-items:center;display:flex;flex-direction:column;padding:1rem}.palette-btn{flex-grow:1}.color-presets{background:#f5f5f5;border-radius:.5rem}.palette-selector{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.8rem}.palette-btn{background:#fe9ab7;background:var(--pink-color);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;opacity:.6;padding:.6rem .8rem;transition:all .2s}.palette-btn:hover{opacity:.9}.palette-btn.active{background:#39c682;background:var(--green-color);color:#fff;cursor:default;opacity:1}.color-picker-hex{flex-direction:column;gap:.5rem;margin-top:1rem;position:relative}.color-picker-hex,.selected-color{align-items:center;display:flex;justify-content:center}.selected-color{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:6rem;width:6rem}.selected-color span{color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));font-size:2rem;font-weight:700;margin-top:-.5rem}.color-grid{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:2.5rem;opacity:.6;transition:all .2s ease;width:2.5rem}.color-swatch:hover{box-shadow:0 3px .6rem #0003;transform:scale(1.1)}.color-swatch.active{box-shadow:0 3px .6rem #0003;opacity:1;transform:scale(1.2)}.add-color-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:.6rem .8rem}.color-picker-popup{background:#fff;border-radius:.5rem;box-shadow:0 4px .8rem #0000001a;margin-top:10px;padding:1rem}.react-colorful{bottom:100%;display:none!important;position:absolute!important;right:0!important}.react-colorful.opened{display:flex!important}canvas{max-height:100vh}.canvas-container{align-items:center;background:#f9f9f9;display:flex;height:100%;justify-content:center;overflow:visible;padding:1rem;position:relative;width:100%}canvas{background:#fff;cursor:crosshair;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}button{background:#39c682;background:var(--green-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}input[type=file]{margin-left:10px}.canvas-container canvas.bucket-cursor{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27><path fill=%27%23000%27 d=%27M19 11.5C19 11.5 17 13.67 17 15A2 2 0 0 0 19 17A2 2 0 0 0 21 15C21 13.67 19 11.5 19 11.5M5.21 10L10 5.21L14.79 10M16.56 8.94L7.62 0L6.21 1.41L8.59 3.79L3.44 8.94C2.85 9.5 2.85 10.47 3.44 11.06L8.94 16.56C9.23 16.85 9.62 17 10 17C10.38 17 10.77 16.85 11.06 16.56L16.56 11.06C17.15 10.47 17.15 9.5 16.56 8.94Z%27/></svg>") 18 16,auto}.canvas-container canvas:not([style*="display: none"]){box-shadow:0 0 10px #0003}.canvas-responsive-container{margin:0 auto;max-width:100%}.canvas-responsive-container,.canvas-wrapper{height:100%;position:relative;width:100%}.canvas-wrapper canvas{background:#fff;box-shadow:0 2px 10px #0000001a;height:100%;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:760.5rem){.canvas-wrapper,.canvas-wrapper canvas{touch-action:none}}.portrait-warning-overlay{align-items:center;background-color:#f5f5f5;bottom:0;display:flex;justify-content:center;left:0;padding:20px;pointer-events:all;position:fixed;right:0;text-align:center;top:0;z-index:1000}.portrait-warning-content{max-width:300px}.rotate-icon{animation:rotateHint 2s ease-in-out infinite;font-size:60px;margin-bottom:20px}@keyframes rotateHint{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.portrait-warning-content h3{color:#333;font-size:24px;margin-bottom:10px}.portrait-warning-content p{color:#666;font-size:1rem;line-height:1.5}.colors-container{align-items:center;display:flex;gap:1rem;justify-content:center}@media (max-width:980px){html{font-size:10px}.sidebar-container{padding:0}.sidebar{width:320px}}
/*# sourceMappingURL=main.e92a6be8.css.map*/