*{box-sizing:border-box;margin:0;padding:0}:root{--slider-handle-color:#4f46e5;--slider-track-color:#e5e7eb;--slider-track-fill-color:#4f46e5}body{background:#f9fafb;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.app-container{flex-direction:column;min-height:100vh}.app-container,.header{background:#fff;display:flex}.header{border-bottom:1px solid #e5e7eb;padding:1rem 2.5rem}.header,.header-content{align-items:center;justify-content:space-between}.header-content{display:flex;width:100%}.logo{align-items:center;color:#111827;display:flex;gap:.75rem}.logo-text{color:#111827;font-size:1.25rem;font-weight:700}.export-button{align-items:center;background:#4f46e5;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2.5rem;justify-content:center;min-width:84px;padding:0 1rem;transition:background-color .2s}.export-button:hover{background:#4338ca}.main-content{display:flex;flex:1;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 2.5rem}.content-wrapper{gap:2rem;height:100%;max-width:32rem;width:100%}.content-wrapper,.upload-area{display:flex;flex-direction:column}.upload-area{align-items:center;background:#fff;border-radius:.5rem;flex:1;gap:1rem;justify-content:center;min-height:400px;position:relative;text-align:center}.webgl-canvas{border-radius:.5rem;display:none;height:100%;width:100%}.drag-overlay{align-items:center;background:#f6f6ff;border:2px dashed #4f46e5;border-radius:.5rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}.drag-overlay,.drag-overlay.drag-active{opacity:1;visibility:visible}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:#9ca3af;font-size:3rem}.upload-text{align-items:center;display:flex;flex-direction:column;gap:.25rem}.upload-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.upload-subtitle{color:#6b7280;font-size:.875rem;margin:0}.upload-button{align-items:center;background:#e5e7eb;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;margin-top:.5rem;min-width:84px;padding:0 1.25rem;transition:background-color .2s}.upload-button:hover{background:#d1d5db}.file-input{display:none}.grain-controller{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem}.controller-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.controller-content{gap:1.5rem}.controller-content,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;width:100%}.form-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.slider-group{display:flex;flex-direction:column;gap:.75rem}.slider-header{align-items:center;display:flex;justify-content:space-between}.slider-label{color:#374151;font-size:.875rem;font-weight:500}.slider-value{color:#6b7280;font-size:.875rem}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background:linear-gradient(to right,var(--slider-track-fill-color) 50%,var(--slider-track-color) 50%);border-radius:.5rem;cursor:pointer;height:.5rem;width:100%}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{background-color:var(--slider-track-color);border-radius:.5rem;height:.5rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--slider-handle-color);background-image:var(--slider-thumb-bg);background-position:50%;background-repeat:no-repeat;background-size:.75rem .75rem;border-radius:9999px;cursor:pointer;height:1rem;margin-top:-.25rem;width:1rem}.slider::-moz-range-track{background-color:var(--slider-track-color);border:none;border-radius:.5rem;height:.5rem}.slider::-moz-range-thumb{background-color:var(--slider-handle-color);background-image:var(--slider-thumb-bg);background-position:50%;background-repeat:no-repeat;background-size:.75rem .75rem;border:none;border-radius:9999px;cursor:pointer;height:1rem;width:1rem}@media (max-width:768px){.header,.main-content{padding:1rem}.upload-area{min-height:250px;padding:2rem}.upload-icon{font-size:2.5rem}}
/*# sourceMappingURL=styles.bundle.css.map*/