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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f8f9fb;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:20px}#root{margin:0 auto;max-width:1200px}h1{margin-bottom:-20px}h1 img{width:500px}canvas{border:1px solid #d1d5db;border-radius:14px;display:block;margin:0 auto;max-width:800px;width:100%}.toolBox{border-top:1px solid #e5e7eb;padding-top:16px}.toolBox,.toolbar{margin-bottom:16px}.toolbar{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:center;overflow:hidden}.tool{background-color:#fff;border:none;border-right:1px solid #e5e7eb;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease-in-out}.tool:last-of-type{border-right:none}.tool:hover{background-color:#f4f4f5}.t.active{background-color:#f4f4f5b1;color:#000}.delete-btn{font-size:18px;padding:8px 12px}.container{align-items:center;flex-direction:column}.container,.controls-group{display:flex;justify-content:center}.controls-group{flex-wrap:wrap;font-size:14px;gap:24px}.controls-group label{align-items:center;display:flex;gap:6px}.controls-group input[type=number]{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:6px 10px;width:60px}.color-label{color:#000;gap:6px}.color-box,.color-label{align-items:center;display:flex}.color-box{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 3px #00000014;height:30px;justify-content:center;overflow:hidden;width:30px}.color-box::-webkit-color-swatch{border:1px solid #000;border-radius:4px}.action-buttons{align-items:center;display:flex;justify-content:space-between;margin:20px auto 0;max-width:800px;padding:0 20px;width:100%}.action-buttons button{border:1px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;letter-spacing:1px;margin:0 10px;max-width:200px;padding:12px 20px;text-align:center;transition:.2s ease-in-out}.action-buttons button:hover{background-color:#444;transform:translateY(-2px)}.action-buttons button:first-child{background-color:#fff;border:1px solid #e5e7eb;color:#1f2937}.action-buttons button:first-child:hover{background-color:#f1f5f9}.action-buttons button:last-child{background-color:#3b82f6;border:none;color:#fff}.action-buttons button:last-child:hover{background-color:#2563eb}@media (max-width:768px){.toolbar{padding:10px}.tool{font-size:12px;padding:6px 10px}.controls-group{gap:15px;padding:15px}.action-buttons{flex-direction:column;gap:12px}.action-buttons button{margin:0;max-width:none;width:100%}canvas{height:auto;width:100%}}
/*# sourceMappingURL=main.eaa511a9.css.map*/