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}.app-container{background-color:#f9f8f5;box-sizing:border-box;color:#333;min-height:100vh;padding:20px}.gui-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 250px 1fr;height:calc(100vh - 40px);justify-items:start}.tool-list{display:flex;flex-direction:column;font-family:MyFont,sans-serif;gap:10px;list-style-type:none;margin:0;overflow:auto;padding:0;white-space:nowrap}.tool-list-header{padding:10px}.tool-list-header p{color:#000;font-family:MyFont,sans-serif;margin:0}.tool-list-header h1{color:#000;font-family:loof,sans-serif;font-size:36px;font-weight:black;margin:0 0 24px}.tool-btn{background:none;border:none;color:#727272;cursor:pointer;font-size:14px;padding:10px;text-align:left;transition:background-color .3s,color .3s}.tool-btn:hover{background-color:#ddd}.tool-btn.active{background:none;border:none;color:#000}.tool-btn:focus{outline:none}.tool-panel{background-color:#f9f8f5;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;padding:16px;width:250px}.tool-panel,.tool-panel h2{font-family:MyFont,sans-serif}.tool-panel h2{font-size:16px;margin-bottom:40px;margin-top:0;text-transform:uppercase}.panel{display:flex;flex-direction:column;height:100%}.panel-controls{flex:1 1;overflow-y:auto}.panel-footer{display:flex;flex-direction:column;gap:10px;width:100%}.canvas-panel-header{display:flex;gap:20px;margin-bottom:20px;width:100%}.control-group{margin-bottom:16px}.control-group,.slider-group{font-family:MyFont,sans-serif}.slider-group{align-items:center;display:flex;gap:10px;margin-top:8px}.slider-group input[type=range]{-webkit-appearance:none;background:#0000;margin:0;width:100%}.slider-group input[type=range]::-webkit-slider-runnable-track{background:#000;border-radius:5px;height:1px}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#000;height:10px;margin-top:-9px;opacity:.5;outline:4px solid #f9f8f5;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:2px}.slider-group input[type=range]:focus,.slider-group input[type=range]:hover{box-shadow:0 0 5px #0003;cursor:pointer;outline:none}.slider-group input[type=range]::-moz-range-thumb{background:#000;border-radius:50%;cursor:pointer;height:15px;width:15px}.color-picker-group{align-items:center;display:flex;font-family:MyFont,sans-serif;gap:10px;margin-bottom:16px}.color-picker-group label{color:#333;margin:0;white-space:nowrap}.color-group{display:flex;gap:10px;margin-top:8px}.color-group input[type=color]{background-color:initial;border:none;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;height:20px;margin-top:-6px;overflow:hidden;padding:0;width:20px}.color-group input[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:50%;height:200%;margin-left:-1px;padding:0;width:200%}.action-btn{background:none;background-color:#ececec;border:none;border-radius:4px;color:#333;cursor:pointer;font-family:MyFont,sans-serif;font-size:14px;padding:10px 16px;transition:background-color .3s,color .3s;width:218px}.action-btn:hover{background-color:#ddd}.custom-upload-btn{background:none;background-color:#ececec;border:none;border-radius:4px;color:#333;cursor:pointer;font-family:MyFont,sans-serif;font-size:14px;height:100%;margin-bottom:-8px;padding:10px 16px;text-align:center;transition:background-color .3s,color .3s;width:218px}.custom-upload-btn:hover{background-color:#ddd}.drawing-area{background-color:#f9f8f5;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:100%;overflow:hidden;padding:20px;width:calc(100vw - 580px)}.drawing-area h2{font-size:16px;margin-bottom:16px;margin-top:0}.canvas-placeholder{color:#777;flex:1 1;font-size:18px;padding:50px;text-align:center}.image-preview{margin-top:20px;max-height:80vh;max-width:100%;min-height:100px;min-width:100px;object-fit:contain}@font-face{font-display:swap;font-family:MyFont;font-style:normal;font-weight:400;src:url(/static/media/RX100-Regular.342c69e2acbbfb4eb8c7.woff2) format("woff2")}@font-face{font-display:swap;font-family:loof;font-style:bold;font-weight:700;src:url(/static/media/SatoshiVariable_loof_v003VF.08d067700bd0298c5305.ttf) format("truetype")}body{background-color:#ececec;box-sizing:border-box;font-family:MyFont,sans-serif;height:100vh;margin:0;padding:0}.login-container,body{align-items:center;display:flex;justify-content:center}.login-container{flex-direction:column;height:100%}.login-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1200px;padding:60px 200px;text-align:center;width:100%;z-index:1}.login-logo{color:#333;font-family:loof,sans-serif;font-size:64px;font-weight:700;margin-bottom:60px}.login-inputs,.login-prompt{color:#c1c1c1;font-family:MyFont,sans-serif;font-size:16px;margin-bottom:20px}.login-inputs{display:flex;flex-direction:column;gap:16px}.login-input{border:1px solid #c1c1c1;border-radius:6px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;width:100%}.login-input:focus{border-color:#333;box-shadow:0 0 5px #0af3;outline:none}.login-btn{background-color:#fff;border:none;border-radius:6px;color:#353535;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.login-btn:hover{background-color:#d7d7d7}.footer{bottom:20px;color:#c1c1c1;font-family:MyFont,sans-serif;font-size:12px;left:0;position:fixed;text-align:center;width:100%}.footer p span{color:#a7a7a7;font-style:italic}.footer p small{color:#aaa;display:block;font-size:10px;margin-top:4px}.background-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.background-shape{opacity:.7;overflow:visible;position:absolute;transition:transform .1s ease-out}.background-shape.circle{background-color:#b4b4b433;border-radius:50%}.background-shape.triangle{border-bottom:50px solid #b4b4b433;border-left:25px solid #0000;border-right:25px solid #0000;height:0;overflow:visible;width:0}.background-shape.hexagon{background-color:#b4b4b433;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:60px;width:60px}
/*# sourceMappingURL=main.1a88dcb9.css.map*/