*{box-sizing:border-box;margin:0;padding:0}body{background-color:#202020;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container,body{height:100vh;overflow:hidden}.app-container{display:flex;flex-direction:column;width:100vw}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#141414;border-left:1px solid #2c2c2c;box-shadow:-2px 0 10px #0003;overflow-y:auto;width:320px}.toolbar{background-color:#1a1a1a;border-bottom:1px solid #2c2c2c;display:flex;flex-direction:column;padding:.5rem 1rem}.app-title{align-items:center;display:flex;margin-bottom:.5rem}.app-title h1{font-size:1.2rem;font-weight:600;margin-right:.5rem}.beta-tag{background-color:#505050;border-radius:3px;color:#e0e0e0;font-size:.75rem;font-weight:500;padding:.1rem .3rem}.toolbar-content{justify-content:space-between}.toolbar-content,.toolbar-left,.toolbar-right{align-items:center;display:flex}.download-group{display:flex;gap:8px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.75rem;margin-right:.5rem;padding:.4rem .8rem;transition:background-color .2s}.toolbar-btn:hover{background-color:#333}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.toolbar-btn .icon{align-items:center;display:flex;font-size:1rem;justify-content:center;margin-right:.3rem}.toolbar-btn .icon svg{height:20px;width:20px}.icon-wrapper{justify-content:center}.download-btn,.icon-wrapper{align-items:center;display:flex}.download-btn{background-color:#2a72e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.4rem 1rem;transition:background-color .2s}.svg-btn{background-color:#4caf50}.download-btn:hover{background-color:#1a62d5}.svg-btn:hover{background-color:#3e8e41}.download-btn:disabled{cursor:not-allowed;opacity:.5}.download-btn .icon{align-items:center;display:flex;justify-content:center;margin-right:.3rem}.download-btn .icon svg{height:18px;width:18px}.color-icon{background-color:#f8f8f8;border-radius:3px;height:16px;margin-right:.3rem;width:16px}.canvas-container{align-items:center;background-color:#111;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.canvas-container.empty{background-image:linear-gradient(45deg,#161616 25%,#0000 0),linear-gradient(-45deg,#161616 25%,#0000 0),linear-gradient(45deg,#0000 75%,#161616 0),linear-gradient(-45deg,#0000 75%,#161616 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-container.dragging{background-color:#2a72e50d;border:2px dashed #2a72e580}.upload-prompt{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.upload-prompt p{color:#888;margin:1rem 0}.upload-icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.upload-icon svg{color:#888;height:100%;width:100%}.browse-btn{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.halftone-canvas{max-height:100%;max-width:100%;object-fit:contain}.control-panel{height:100%;padding:.5rem}.control-section{background-color:#1a1a1a;border-radius:6px;margin-bottom:1rem;overflow:hidden}.section-header{align-items:center;background-color:#232323;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.section-header h3{font-size:.9rem;font-weight:600}.section-header svg{height:16px;width:16px}.section-content{padding:1rem}.control-slider{margin-bottom:1.5rem;pointer-events:auto;position:relative;touch-action:none;z-index:5}.color-picker-container,.control-dropdown,.control-toggle{margin-bottom:1rem}.control-dropdown label,.control-slider label,.control-toggle label{color:#bbb;display:block;font-size:.8rem;margin-bottom:.25rem}.slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;pointer-events:auto}.slider-value{-webkit-appearance:textfield;appearance:textfield;background-color:#333;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:.75rem;padding:.25rem;text-align:center;width:50px}.slider-value::-webkit-inner-spin-button,.slider-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider::-webkit-slider-runnable-track{cursor:pointer;pointer-events:auto!important}.slider::-moz-range-track{cursor:pointer;pointer-events:auto!important}.slider-container{height:24px;isolation:isolate;margin:10px 0;pointer-events:auto;z-index:10}.slider,.slider-container{position:relative;touch-action:none;width:100%}.slider{-webkit-appearance:none;appearance:none;background:#333;border-radius:4px;box-sizing:border-box;cursor:pointer;height:8px;margin:0;outline:none;padding:0;pointer-events:auto!important;z-index:11}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2a72e5;border:none;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:grab;height:20px;margin-top:-6px;pointer-events:auto!important;width:20px;z-index:12}.slider::-moz-range-thumb{background:#2a72e5;border:none;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:grab;height:20px;pointer-events:auto!important;width:20px;z-index:12}.control-toggle{align-items:center;display:flex;justify-content:space-between}.toggle-switch{background-color:#444;border-radius:10px;cursor:pointer;height:20px;position:relative;transition:background-color .2s;width:36px}.toggle-switch.active{background-color:#2a72e5}.toggle-slider{background-color:#fff;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.toggle-switch.active .toggle-slider{transform:translateX(16px)}.dropdown-selector{align-items:center;background-color:#333;border:1px solid #444;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem}.dropdown-icon{align-items:center;display:flex;justify-content:center;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-icon svg{height:16px;width:16px}.dropdown-options{background-color:#333;border:1px solid #444;border-radius:4px;margin-top:.25rem;max-height:150px;overflow-y:auto;position:absolute;width:calc(100% - 2rem);z-index:10}.dropdown-option{cursor:pointer;font-size:.8rem;padding:.5rem}.dropdown-option:hover{background-color:#444}.dropdown-option.selected{background-color:#2a72e5;color:#fff}.color-picker-row{justify-content:space-between}.color-picker-row,.color-swatch-container{align-items:center;display:flex}.color-swatch{border:1px solid #444;border-radius:3px;box-shadow:0 0 3px #0000004d;cursor:pointer;height:24px;margin-right:.5rem;position:relative;width:24px;z-index:1}.color-hex-input{background-color:#333;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:.8rem;padding:.25rem .5rem;width:80px}.color-picker-popup{align-items:center;background-color:#222;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;margin-top:.25rem;padding:.5rem;position:absolute;z-index:100}.color-input{background:#0000;border:none;cursor:pointer;height:100px;margin-bottom:10px;width:200px}.color-picker-close{background-color:#2a72e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:5px;padding:5px 15px}.color-picker-close:hover{background-color:#1a62d5}.swap-colors-btn{background-color:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.8rem;margin-bottom:1rem;padding:.5rem;transition:background-color .2s;width:100%}.swap-colors-btn:hover{background-color:#444}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{border-left:none;border-top:1px solid #2c2c2c;height:300px;width:100%}.toolbar-btn span{display:none}.toolbar-btn .icon{margin-right:0}.app-title h1{font-size:1rem}}@media (max-width:480px){.dropdown-options{width:90%}}
/*# sourceMappingURL=main.e33050fb.css.map*/