@import"https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.editor-container{display:flex;background:#170010;color:#dea3b6;min-height:100vh;font-family:Lato,system-ui,sans-serif;font-weight:20000}@keyframes diagonalPan{0%{background-position:0 0}to{background-position:500px 500px}}body,html{margin:0;padding:0}.sidebar{width:320px;background:#2c001e;padding:20px;border-right:1px solid #170010;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.main-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;background:#170010;height:100vh;box-sizing:border-box;background-image:url(https://mikoroonii.com/Assets/Images/cloudnutBGpattern.png);background-size:250px;animation:diagonalPan 25s linear infinite}.canvas-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.canvas-wrapper{position:relative;display:inline-block;line-height:0;box-shadow:0 0 40px #0009;border:1px solid #170010}canvas{max-width:calc(100vw - 360px);max-height:70vh;width:auto;height:auto}.control-group{display:flex;flex-direction:column;gap:12px}.control-group h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#dea3b6;margin-bottom:4px}.input-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}input[type=range]{flex:1;accent-color:#a61c3d}.btn-primary{background:#a75085;color:#dea3b6;border:none;padding:12px;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:disabled{background:#3c102d;cursor:not-allowed}.btn-primary:hover{opacity:.7}.btn-primary:active{scale:.99}.progress-bar-container{width:100%;height:6px;background:#170010;border-radius:3px;margin-top:8px}.progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}h3{margin:0;font-size:1rem}h2{margin:0;font-size:1.5rem}.app-header{display:flex;align-items:left;justify-content:space-between;margin-bottom:16px;flex-direction:column;gap:0}.app-header h3{font-weight:400}.app-header h1{font-size:1.5rem;margin:0;text-transform:lowercase;font-weight:600;font-family:Belanosima;color:#dea3b6}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px}input[type=range]::-webkit-slider-runnable-track{background:#2c001e;height:4px;border-radius:2px}input[type=range]::-moz-range-track{background:#2c001e;height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;background-color:#a61c3d;height:16px;width:16px;border-radius:50%;transition:transform .1s ease-in-out}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:#df5959}input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:40px;height:24px;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #572945;border-radius:4px}.control-group{padding:16px;background:#3c102d;border-radius:8px;max-height:300px;overflow-y:scroll;box-shadow:3px 3px 5px #17001060}.control-group,.preset-list{scrollbar-width:6px}.control-group::-webkit-scrollbar,.preset-list::-webkit-scrollbar{width:6px}.control-group::-webkit-scrollbar-track,.preset-list::-webkit-scrollbar-track{background:#3c102d;border-radius:3px}.control-group::-webkit-scrollbar-thumb,.preset-list::-webkit-scrollbar-thumb{background:#a61c3d;border-radius:3px}.input-label-container{display:flex;justify-content:space-between;margin-bottom:4px}.input-value-text{color:#a61c3d;font-family:Lato;font-size:.8rem}.preset-list{display:flex;flex-direction:column;gap:8px}