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}.App{background-color:#282c34;color:#fff;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{margin-bottom:20px;padding:20px}.container{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:350px 1fr;grid-template-rows:auto 1fr;height:100vh;margin:0;max-width:100%;padding:0}.App-header{align-items:center;background-color:#1a1e23;border-bottom:1px solid #3a3e43;display:flex;grid-area:header;justify-content:space-between;padding:10px 20px}.sidebar{background-color:#1a1e23;border-right:1px solid #3a3e43;grid-area:sidebar;height:100%;overflow-y:auto}.main-content,.sidebar{display:flex;flex-direction:column;padding:20px}.main-content{background-color:#282c34;grid-area:main;overflow:hidden}.viewer-controls{border-bottom:1px solid #3a3e43;gap:10px;justify-content:flex-end;padding:10px 20px}.three-viewer,.viewer-controls{background-color:#1a1e23;display:flex}.three-viewer{border-radius:8px;flex:1 1;flex-direction:column;overflow:hidden}.three-viewer>div:last-child{flex:1 1;height:auto!important}.layer-color-slider canvas{border-radius:40px;cursor:pointer}.controls-group{background-color:#1a1e23;border-radius:8px}.control-item{display:flex;flex:1 1;flex-direction:row;gap:8px;margin-bottom:15px}.control-item-left{display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:left}.control-item:last-child{margin-bottom:0}.control-item label{color:#61dafb;font-size:.9em;font-weight:500}.control-item input[type=number]{background-color:#282c34;border:1px solid #3a3e43;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;transition:all .2s;width:80px}.control-item input[type=number]:focus{border-color:#61dafb;outline:none}.control-item input[type=number].disabled-input{background-color:#1a1e23;border-color:#3a3e43;color:#8a8a8a;cursor:not-allowed}.control-item span{color:#8a8a8a;font-size:.8em}.resolution-slider-container{align-items:center;display:flex;flex:0 1;gap:10px;margin-top:5px;width:100%}.resolution-slider-container input[type=range]{-webkit-appearance:none;background:#3a3e43;border-radius:2px;height:4px;transition:all .2s}.resolution-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#61dafb;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.resolution-slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.resolution-slider-container span{color:#61dafb;font-size:.9em;min-width:90px;text-align:right}.layers-control{margin-top:20px}.layers-control h3{color:#61dafb;margin-bottom:15px}.layer-control{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.layer-control input[type=color]{border:none;border-radius:4px;height:30px;padding:0;width:50px}.layer-slider-container{display:flex;flex:1 1;flex-direction:column;gap:5px}.layer-slider-container input[type=range]{-webkit-appearance:none;background:#61dafb;border-radius:2px;height:4px;width:100%}.layer-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.layer-slider-container span{color:#61dafb;font-size:.9em}.viewer-section{background-color:#1a1e23;border-radius:8px;margin:0 auto;max-width:800px;overflow:hidden}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-mode-button{background-color:#282c34;border:1px solid #61dafb;border-radius:4px;color:#61dafb;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s}.preview-mode-button:hover{background-color:#61dafb1a}.export-button,.preview-mode-button.active{background-color:#61dafb;color:#282c34}.export-button{font-weight:700;transition:background-color .2s}.export-button:hover{background-color:#4fa8d5}.color-picker-container{background-color:#1a1e23;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:15px}.color-picker-input{border:none;border-radius:4px;cursor:pointer;height:100px;padding:0;width:100px}.color-picker-buttons{justify-content:center}.color-picker-cancel,.color-picker-confirm{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s}.color-picker-confirm{background-color:#61dafb;color:#282c34}.color-picker-confirm:hover{background-color:#4fa8d5}.color-picker-cancel{background-color:#c33;color:#fff}.color-picker-cancel:hover{background-color:#a22}.image-uploader{padding:10px}.image-uploader,.upload-content{align-items:center;display:flex;gap:15px}.upload-button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.upload-button:hover{background-color:#4fa8d5}.upload-button.compact{font-size:.9em;padding:6px 12px}.drag-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.drag-overlay,.drop-zone{align-items:center;display:flex;justify-content:center}.drop-zone{border-radius:8px;padding:20px;pointer-events:none}.drop-zone-border{background-color:#61dafb1a;border:3px dashed #61dafb;border-radius:8px;padding:40px}.drop-zone-content{color:#61dafb;font-size:1.5em;font-weight:700;text-align:center}.export-info-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-info-container{background-color:#1a1e23;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.export-info-container h2{color:#61dafb;margin-bottom:20px;text-align:center}.export-info-section{margin-bottom:25px}.export-info-section h3{color:#61dafb;font-size:1.1em;margin-bottom:15px}.color-sequence{display:flex;flex-direction:column;gap:15px}.color-range{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;gap:15px;padding:10px}.color-sample{border:2px solid #fff3;border-radius:4px;height:30px;width:30px}.export-info-close{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;display:block;font-weight:700;margin:20px auto 0;padding:8px 16px;transition:background-color .2s}.export-info-close:hover{background-color:#4fa8d5}.header-content{align-items:center;display:flex;justify-content:space-between;padding:0 20px;width:100%}.header-buttons{gap:15px}.donate-button,.header-buttons{align-items:center;display:flex}.donate-button{background-color:#ff5e5b;border-radius:4px;color:#fff;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.donate-button:hover{background-color:#ff7a77;transform:translateY(-2px)}.export-dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-content button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;width:100%}.dropdown-content button:hover{background-color:#333}.export-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.color-picker-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.color-picker-container{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 10px #0000004d;color:#fff;max-width:90vw;padding:20px;width:400px}.color-picker-container h3{color:#fff;font-size:1.2em;margin:0 0 20px;text-align:center}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;max-height:80px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.tab{background-color:#2d2d2d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.tab:hover{background-color:#3d3d3d}.tab.active{background-color:#007bff;color:#fff}.color-picker-section{margin-top:15px;max-height:60vh;overflow-x:hidden;overflow-y:auto;padding-right:10px}.color-picker-section label{color:#ccc;display:block;font-size:.9em;margin-bottom:8px}.brand-select{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;width:100%}.brand-select:hover{border-color:#666}.brand-select:focus{border-color:#61dafb;outline:none}.filament-type-section{margin-bottom:25px}.filament-type-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:14px;font-weight:600;margin:0 0 15px 10px;padding-bottom:8px}.color-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:10px;padding:10px;position:relative;width:100%}.color-option{border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;height:50px;position:relative;transition:transform .2s;width:50px}.color-option:hover{transform:scale(1.1);z-index:2}.color-option.selected{border-color:#61dafb}.color-tooltip{background-color:#000000e6;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;display:none;font-size:12px;padding:6px 10px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.color-option:hover .color-tooltip{display:block}.color-option:nth-child(-n+5):hover .color-tooltip{bottom:auto;left:50%;top:calc(100% + 5px);transform:translateX(-50%)}.color-option:nth-child(5n):hover .color-tooltip{left:auto;right:calc(100% + 5px);top:50%;transform:translateY(-50%)}.color-option:nth-child(5n-4):hover .color-tooltip{left:calc(100% + 5px);right:auto;top:50%;transform:translateY(-50%)}.color-option:not(:nth-child(-n+5)):not(:nth-child(5n)):not(:nth-child(5n-4)):hover .color-tooltip{bottom:calc(100% + 5px);left:50%;transform:translateX(-50%)}.color-grid.size-medium .color-option,.color-grid.size-normal .color-option,.color-grid.size-small .color-option,.color-grid.size-tiny .color-option{height:50px;width:50px}.custom-color-section{margin-top:15px}.color-input-container{align-items:center;box-sizing:border-box;display:flex;gap:10px;margin-bottom:15px;width:100%}.color-input-container input[type=color]{border:none;border-radius:4px;cursor:pointer;flex-shrink:0;height:40px;padding:0;width:40px}.color-input-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-container input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-input-container input[type=text]{flex:1 1;min-width:0}.color-input-container input[type=text],.td-input{background-color:#2d2d2d;border:1px solid #444;border-radius:4px;color:#fff;padding:8px}.td-input{margin-bottom:15px;width:calc(100% - 24px)}.color-input-container input[type=text]:focus,.td-input:focus{border-color:#007bff;outline:none}.color-picker-buttons{display:flex;gap:10px;margin-top:5px}.color-picker-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;padding:8px;transition:background-color .2s}.color-picker-buttons button:first-child{background-color:#007bff;color:#fff}.color-picker-buttons button:last-child{background-color:#2d2d2d;color:#fff}.color-picker-buttons button:hover{opacity:.9}input:disabled{cursor:not-allowed;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.color-grid{animation:fadeIn .3s ease-in-out}.color-picker-section::-webkit-scrollbar,.tabs::-webkit-scrollbar{height:0;width:8px}.color-picker-section::-webkit-scrollbar-track,.tabs::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.color-picker-section::-webkit-scrollbar-thumb,.tabs::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.color-picker-section::-webkit-scrollbar-thumb:hover,.tabs::-webkit-scrollbar-thumb:hover{background:#555}.HeightModeSelector_container__7zMe-{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.HeightModeSelector_label__-4s13{color:#fff;font-size:14px}.HeightModeSelector_select__lOtPJ{background-color:#1a1e23;border:1px solid #3a3e43;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.HeightModeSelector_select__lOtPJ:hover{border-color:#61dafb}.HeightModeSelector_select__lOtPJ:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33;outline:none}.HeightModeSelector_select__lOtPJ option{background-color:#1a1e23;color:#fff;padding:8px}.PatternSelector_container__9d05M{background-color:#1a1e23;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.PatternSelector_patternSelect__-0M4K{background-color:#1a1e23;border:1px solid #3a3e43;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s;width:100%}.PatternSelector_patternSelect__-0M4K:hover{border-color:#61dafb}.PatternSelector_patternSelect__-0M4K:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33;outline:none}.PatternSelector_patternSelect__-0M4K option{background-color:#1a1e23;color:#fff;padding:8px}.PatternSelector_colorsControl__r-0QK{background-color:#2a2e33;border-radius:4px;box-shadow:0 1px 3px #0000004d;display:flex;flex-direction:column;gap:1rem;padding:1rem}.PatternSelector_controlGroup__ytJ6\+{display:flex;flex-direction:column;gap:.5rem}.PatternSelector_label__do8C\+{align-items:center;color:#8a8a8a;display:flex;font-size:.9rem;justify-content:space-between}.PatternSelector_numberInput__5V7Oc{background-color:#1a1e23;border:1px solid #3a3e43;border-radius:4px;color:#fff;font-size:1rem;padding:.5rem;transition:all .2s}.PatternSelector_numberInput__5V7Oc:hover{border-color:#61dafb}.PatternSelector_numberInput__5V7Oc:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33;outline:none}.PatternSelector_slider__dOubs{-webkit-appearance:none;background:#3a3e43;border-radius:3px;height:6px;outline:none;width:100%}.PatternSelector_slider__dOubs::-webkit-slider-thumb{-webkit-appearance:none;background:#61dafb;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .2s;transition:background .2s;width:18px}.PatternSelector_slider__dOubs::-webkit-slider-thumb:hover{background:#4fa8d3}.PatternSelector_slider__dOubs::-moz-range-thumb{background:#61dafb;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:background .2s;transition:background .2s;width:18px}.PatternSelector_slider__dOubs::-moz-range-thumb:hover{background:#4fa8d3}
/*# sourceMappingURL=main.64017c63.css.map*/