@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);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}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.relative{position:relative}.block{display:block}.grid{display:grid}.hidden{display:none}.size-1{height:.25rem;width:.25rem}.grow{flex-grow:1}.resize{resize:both}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.App,body{height:100vh;margin:0;overflow:hidden;padding:0;width:100%}.App{display:flex;flex-direction:column;height:100vh;position:relative}.ControlCenter-container{height:100%;pointer-events:none;position:absolute;width:100%;z-index:10}.App-content{display:flex;flex-direction:column;height:100vh;width:100%;z-index:1}@media (max-width:900px){.App{flex-direction:column}.ControlCenter-container{height:auto;max-height:40vh;overflow-y:auto;pointer-events:auto;position:relative}.App-content{height:60vh}}.buildgen-container{height:100%;position:relative;width:100%}.title-overlay{left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:30px;z-index:100}.title-text{background-color:#000;border:none;box-shadow:0 4px 8px #0000004d;color:#fff;display:inline-block;font-family:Press Start\ 2P,monospace;font-size:18px;font-weight:400;letter-spacing:0;line-height:1.4;padding:14px 24px;text-transform:uppercase}.title-dropdown{display:inline-block;pointer-events:all;position:relative}.dropdown-content{background-color:#000;box-shadow:0 8px 16px #00000080;display:none;left:0;position:absolute;right:0;text-align:center;top:100%;z-index:101}.dropdown-content a{color:#fff;cursor:pointer;display:block;font-family:Press Start\ 2P,monospace;font-size:14px;padding:12px 16px;text-decoration:none;text-transform:uppercase;transition:background-color .2s}.dropdown-content a:hover{background-color:#333}.title-dropdown:hover .dropdown-content{display:block}.title-dropdown:hover .title-text{background-color:#222}.export-overlay{bottom:30px;left:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:100}.export-button{background-color:#0be;border:2px solid #000;box-shadow:0 4px 8px #0003;cursor:pointer;display:inline-block;font-family:Press Start\ 2P,monospace;font-size:14px;letter-spacing:0;padding:16px 24px;pointer-events:all;position:relative;text-transform:uppercase;transition:transform .1s,box-shadow .1s}.export-button,.export-button:after{color:#fff;font-weight:400;line-height:1.4}.export-button:after{background-color:#000;border-radius:4px;bottom:100%;box-shadow:0 2px 5px #0003;content:"MagicaVoxel is a free voxel software that exports optimized meshes like OBJ, STL and more";font-family:Arial,sans-serif;font-size:12px;left:50%;letter-spacing:normal;margin-bottom:10px;opacity:0;padding:10px;pointer-events:none;position:absolute;text-align:center;text-transform:none;transform:translateX(-50%);transition:opacity .3s;width:220px;z-index:200}.export-button:hover:after{opacity:1}.export-button:hover{box-shadow:0 6px 10px #0000004d;transform:translateY(-2px)}.export-button:active{box-shadow:0 2px 4px #0003;transform:translateY(1px)}.dropdown-content a.coming-soon{cursor:pointer;opacity:.7;position:relative}.dropdown-content a.coming-soon:hover{background-color:#222}.coming-soon-container{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.coming-soon-container h1{font-family:Press Start\ 2P,monospace;font-size:24px;margin-bottom:20px}.coming-soon-container p{font-size:18px;margin-bottom:30px}.coming-soon-container button{background-color:#0be;border:2px solid #000;color:#fff;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:14px;padding:12px 20px;transition:transform .1s,box-shadow .1s}.coming-soon-container button:hover{box-shadow:0 6px 10px #0000004d;transform:translateY(-2px)}.coming-soon-container button:active{box-shadow:0 2px 4px #0003;transform:translateY(1px)}.ControlCenter{color:#fff;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:space-between;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.ControlColumn{box-sizing:border-box;height:100vh;scrollbar-color:#444 #222;scrollbar-width:thin}.ControlColumn::-webkit-scrollbar{width:8px}.ControlColumn::-webkit-scrollbar-track{background:#222;border-radius:4px}.ControlColumn::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #222;border-radius:4px}.ControlColumn::-webkit-scrollbar-thumb:hover{background-color:#555}.ControlCenter label{color:#d4d4d4;display:block;font-size:.85rem;font-weight:400;line-height:1.2;margin-bottom:2px}.ControlCenter button,.ControlCenter input,.ControlCenter select{background-color:#333;border:1px solid #555;border-radius:3px;color:#fff;font-size:.8rem;margin:0 5px 3px;padding:4px 6px}.ControlCenter input[type=color]{background:none;border:none;cursor:pointer;height:20px;padding:0;vertical-align:middle;width:20px}.ControlCenter input[type=number]{text-align:center;width:50px}.ControlCenter button{cursor:pointer;margin-bottom:2px;margin-top:2px;padding:2px 5px;transition:background-color .2s ease}.ControlCenter button:hover{background-color:#444}.regenerate-button{margin-bottom:6px!important;padding:3px 8px}.ControlCenter h3{border-bottom:1px solid #555;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:6px;margin-top:3px;padding-bottom:3px;-webkit-user-select:none;user-select:none}.ControlCenter h3,.ControlCenter h3.section-title{align-items:center;color:#fff;display:flex;letter-spacing:.5px}.ControlCenter h3.section-title{font-family:Press Start\ 2P,cursive;font-size:.85rem;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;padding-top:8px}.ControlCenter .subSection{margin-bottom:6px;padding-left:5px;position:relative}.ControlCenter .subSection h2{align-items:center;border-bottom:none;color:#f0f0f0;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;justify-content:space-between;margin:5px 0;padding-bottom:3px;padding-left:15px;position:relative}.ControlCenter .subSection h2 .feature-toggle{font-size:.7rem;margin-left:10px;padding:2px 8px}.ControlCenter .subSection h2:before{content:"▸";display:inline-block;font-size:.8rem;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s}.ControlCenter .subSection h2.expanded:before{content:"▾"}.ControlCenter .subSection h3{border-bottom:none;border-left:2px solid #666;color:#ccc;font-size:.85rem;font-weight:600;letter-spacing:normal;margin-bottom:4px;margin-top:6px;padding-left:5px;text-transform:none}.vertical-controls{gap:8px;margin-bottom:8px;padding:2px 0}.compact-control{flex:1 1;margin-bottom:4px;min-width:100px}.number-control{padding:2px 0}.number-control label{align-items:center;display:flex;justify-content:space-between}.number-control .control-label{flex:1 1;font-size:.85rem}.number-control input{margin-left:8px;width:55px}.compact-control label{align-items:center;display:flex;gap:8px;justify-content:space-between;white-space:nowrap}.control-row{align-items:center;gap:8px;margin-bottom:8px;padding:4px}.control-group{margin-bottom:10px;padding:6px}.subSection{margin-bottom:10px;padding-left:5px;position:relative}.subSection h2{align-items:center;border-bottom:none;color:#f0f0f0;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;justify-content:space-between;margin:8px 0;padding-bottom:5px;padding-left:15px;position:relative}.section-divider{background:linear-gradient(90deg,#0000,#444,#0000);height:1px;margin:10px 0}.control-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr)}.vertical-color-control{margin-bottom:4px;position:relative}.vertical-color-control label{align-items:center;display:flex;justify-content:space-between}.color-grid{display:flex;flex-direction:column;gap:3px}.color-control{gap:5px}.color-control label{align-items:center;display:flex;gap:3px;width:50%}.button-grid{display:flex;flex-direction:column;gap:3px}.radioGroup{display:flex;flex-wrap:wrap;margin-bottom:2px;margin-top:2px}.radioGroup div{align-items:center;display:flex;font-size:.8rem;margin-bottom:1px;margin-right:5px;white-space:nowrap}.radioGroup div input{margin-right:2px}.feature-toggle{align-items:center;background-color:#333;border:1px solid #555;border-radius:3px;color:#ccc;display:inline-flex;font-size:.8rem;height:28px;justify-content:center;min-width:80px;padding:4px 8px;transition:all .2s ease}.feature-toggle.active{background-color:#444;border-color:#777;box-shadow:0 0 3px #fff3;color:#fff}.feature-toggle.small-toggle{font-size:.75rem;height:24px;min-width:60px;padding:3px 6px}.side-windows-control{align-items:flex-start;flex-direction:column}.side-windows-control label{color:#bbb;font-weight:600;margin-bottom:5px}.side-windows-buttons{display:flex;gap:8px;margin-top:2px}.side-windows-buttons .feature-toggle{min-width:65px}.control-group-label{border-bottom:1px dotted #555;margin-bottom:6px;padding-bottom:3px}@media (max-width:900px){.ControlCenter{flex-direction:column;height:auto;position:relative}.ControlColumn{max-height:300px;width:100%}}.color-swatch{display:inline-block;margin-left:8px;vertical-align:middle}.color-picker-popover{background:#333;border-radius:6px;box-shadow:0 6px 12px #00000080;margin-top:5px;padding:8px;position:absolute;right:0;z-index:100}.color-picker-cover{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-colorful{height:170px!important;width:170px!important}.react-colorful__saturation{border-radius:4px 4px 0 0}.react-colorful__hue{border-radius:0 0 4px 4px;height:15px;margin-top:5px}.react-colorful__pointer{height:16px;width:16px}.slider-control{align-items:stretch;display:flex;flex-direction:column;margin:10px 0;width:100%}.slider-control label{font-size:14px;margin-bottom:5px}.slider-control input[type=range]{-webkit-appearance:none;background:#333;border-radius:5px;height:24px;opacity:.8;outline:none;transition:opacity .2s;width:100%}.slider-control input[type=range]:hover{opacity:1}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:20px;width:20px}.slider-control input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:20px;width:20px}.color-subsection{margin-bottom:8px}.color-subsection .subsection-title{font-size:.9rem;margin:2px 0 5px;padding-bottom:2px}.toggle-group{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.control-label{color:#aaa;font-weight:600;margin-bottom:2px;width:100%}.small-toggle{font-size:.75rem;min-width:60px;padding:3px 6px}.compact-color-control{margin-bottom:4px}.color-label-swatch{padding:4px 6px}.color-label{font-size:.85rem}.color-swatch{border-radius:3px;height:24px;width:24px}.color-subsection{background-color:#28282833;border-radius:3px;margin-bottom:10px;padding:5px}.color-controls-grid{display:flex;flex-direction:column;gap:2px;margin-top:3px}.color-subsection .subsection-title{align-items:center;border-bottom:1px dashed #444;color:#bbb;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;margin:1px 0 3px;padding-bottom:1px}.compact-color-control{display:flex;flex-direction:column;margin-bottom:2px;position:relative}.color-label-swatch{align-items:center;background-color:#32323233;border-radius:3px;display:flex;height:22px;justify-content:space-between;padding:2px 6px;transition:background-color .2s}.color-label-swatch:hover{background-color:#3c3c3c4d}.color-label{color:#d4d4d4;flex:1 1;font-size:.8rem}.color-swatch{border-radius:2px;box-shadow:0 1px 2px #0003;height:18px;margin-left:5px;min-width:18px;width:18px}.color-swatch:hover{border-color:#fff9;box-shadow:0 2px 4px #0000004d;transform:scale(1.08)}.color-subsection{background-color:#1e1e1e66;border-radius:4px;margin-bottom:5px;padding:3px 5px}.color-regenerate-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;margin:0 4px 0 0;padding:0;transform:translateY(-1px);transition:transform .2s}.color-regenerate-icon:hover{transform:scale(1.2) translateY(-1px)}.color-regenerate-button{background:#666;border:1px solid #888;border-radius:4px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.8rem;margin-left:8px;padding:2px 6px;transition:all .2s}.color-regenerate-button:hover{background:#888;transform:scale(1.05)}.scheme-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.scheme-button{align-items:center;background:#555;border:1px solid #777;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.9rem;justify-content:center;padding:8px 12px;transition:all .2s}.scheme-button:hover{background:#666;transform:scale(1.02)}.scheme-button:disabled{background:#444;color:#888;cursor:not-allowed}.random-colors-button{background:#666}.nounish-colors-button{background:#555}.upload-note{color:#aaa;font-size:.75rem;font-style:italic;margin-bottom:8px;margin-top:-4px;text-align:center}.image-preview-container{background:#333;border:2px solid #555;border-radius:4px;margin:10px 0;overflow:hidden;padding-bottom:5px;position:relative}.image-info{background:#444;color:#ddd;font-size:.8rem;margin-bottom:5px;padding:4px 8px;text-align:center}.image-pixel-info{color:#999;font-size:.7rem;font-style:italic;margin-top:4px;text-align:center}.image-preview{display:block;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0 auto;max-height:150px;width:auto}.image-preview[src$=".gif"],.image-preview[src$=".png"]{margin:35px auto;transform:scale(3)}.clear-image-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .2s;width:22px;z-index:5}.clear-image-button:hover{background:#323232e6}.ControlColumn{background-color:#000;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;max-height:100vh;overflow-y:auto;padding:8px;pointer-events:auto;width:250px}.left-column{border-right:1px solid #444}.right-column{border-left:1px solid #444}.controlSection{border-bottom:1px solid #444;margin-bottom:8px;padding-bottom:8px;position:relative}.controlSection:last-child{border-bottom:none}.ControlColumn label{color:#d4d4d4;display:block;font-size:.85rem;font-weight:400;line-height:1.2;margin-bottom:2px}.ControlColumn button,.ControlColumn input,.ControlColumn select{background-color:#333;border:1px solid #555;border-radius:3px;color:#fff;font-size:.8rem;margin:0 5px 3px;padding:2px 5px}.ControlColumn input[type=number]{text-align:center;width:45px}.ControlColumn input[type=range]{-webkit-appearance:none;background:#333;border-radius:5px;height:24px;opacity:.8;outline:none;transition:opacity .2s;width:100%}.ControlColumn input[type=range]:hover{opacity:1}.ControlColumn input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:20px;width:20px}.ControlColumn input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:20px;width:20px}.ControlColumn button{cursor:pointer;margin-bottom:2px;margin-top:2px;padding:2px 5px;transition:background-color .2s ease}.ControlColumn button:hover{background-color:#444}.ControlColumn h3{align-items:center;border-bottom:1px solid #555;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;margin-top:3px;padding-bottom:3px;-webkit-user-select:none;user-select:none}.ControlColumn h3.section-title{color:#fff;font-family:Press Start\ 2P,cursive;font-size:.85rem;letter-spacing:.5px;margin-bottom:10px;padding-bottom:10px;padding-top:8px}.control-row{background-color:#32323233;border-radius:3px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px;padding:3px}.vertical-controls{display:flex;flex-direction:column;gap:4px;margin-bottom:5px}.control-input{margin-bottom:8px}.control-input label{margin-bottom:3px}.control-input.range-control{display:flex;flex-direction:column}.toggle-button{background-color:#333;border:1px solid #555;border-radius:3px;color:#ccc;font-size:.8rem;padding:2px 5px;transition:all .2s ease}.toggle-button.active{background-color:#444;border-color:#777;box-shadow:0 0 3px #fff3;color:#fff}.control-toggle-row{align-items:center;background-color:#32323233;border-radius:3px;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.divider{background:linear-gradient(90deg,#0000,#444,#0000);height:1px;margin:10px 0}.control-group{background-color:#28282833;border-radius:3px;margin-bottom:6px;padding:3px}.control-group-label{align-items:center;color:#aaa;font-size:.8rem;margin-bottom:3px;padding-bottom:2px}.control-group-label,.shape-buttons{display:flex;justify-content:space-between}.shape-buttons{width:100%}.shape-button{background-color:#333;border:1px solid #555;border-radius:3px;color:#ccc;flex:1 1;font-size:.8rem;margin:0 3px;padding:4px 8px;transition:all .2s ease}.shape-button.active{background-color:#444;border-color:#777;box-shadow:0 0 3px #fff3;color:#fff}.color-controls-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:10px}.color-control{align-items:center;background-color:#32323233;border-radius:3px;display:flex;justify-content:space-between;padding:5px}.color-swatch{border:1px solid #ffffff4d;border-radius:4px;box-shadow:0 1px 3px #0003;cursor:pointer;height:30px;transition:transform .1s;width:30px}.color-swatch:hover{box-shadow:0 2px 5px #0000004d;transform:scale(1.1)}.color-swatch.active{border:2px solid #fff;transform:scale(1.1)}.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:9999}.color-picker-container{background-color:#333;border-radius:8px;box-shadow:0 5px 20px #00000080;max-width:300px;padding:15px;width:100%}.color-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.color-picker-header h3{font-size:1rem;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.color-presets{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.preset-color{border:1px solid #fff3;border-radius:4px;cursor:pointer;height:30px;transition:transform .1s;width:30px}.preset-color:hover{border-color:#ffffff80;transform:scale(1.1)}.color-picker-footer{display:flex;justify-content:center}.color-picker-footer input[type=color]{background:none;border:none;cursor:pointer;height:40px;width:100%}.regenerate-button{background-color:#444;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background-color .2s,transform .1s;width:100%}.regenerate-button:hover{background-color:#555;transform:scale(1.02)}.regenerate-button:active{transform:scale(.98)}@media (max-width:900px){.ControlColumn{max-height:300px;width:100%}}.range-slider-group{margin-bottom:15px}.range-slider-group>label{display:block;font-weight:700;margin-bottom:5px}.dual-slider .range-control{margin-bottom:8px}.dual-slider .range-control label{display:inline-block;font-size:.9em;font-weight:400;width:40px}.dual-slider input[type=range]{width:calc(100% - 50px)}
/*# sourceMappingURL=main.24658e57.css.map*/