:root{--panel-width:357px;--panel-top:70vw}body{-webkit-user-select:none;user-select:none;background-color:#222}#previewspace{width:calc(100vw - var(--panel-width));box-sizing:border-box;height:calc(100vh - 50px);padding:15px;position:fixed;top:0;left:0}#controlpanel-wrapper{box-sizing:border-box;width:var(--panel-width);z-index:2;height:100vh;padding:15px 15px 15px 0;position:fixed;top:0;right:0}#controlpanel{box-sizing:border-box;color:#afafaf;background-color:#333;width:100%;height:100%;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}#controlpanel td{text-align:center}#controlpanel i{color:#cdcdcd;margin-bottom:5px;font-size:20px;display:inline-block}#controlpanel hr{opacity:.1}#bottompanel{width:calc(100vw - var(--panel-width));box-sizing:border-box;text-align:center;z-index:1;height:50px;line-height:50px;position:fixed;bottom:0;left:0}input[type=number],select,input[type=color],button,.button{box-sizing:border-box;color:gray;background-color:#222;border:1px solid gray;padding:3px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none!important}input[type=number]:hover,select:hover,input[type=color]:hover,button:hover,.button:hover{color:#a1a1a1;border:1px solid #a1a1a1}input[type=number]:focus,select:focus,input[type=color]:focus,button:focus,.button:hover{color:#fff;border:1px solid #fff}#welcomescreen{z-index:69;background-color:#222;width:100vw;height:100vh;position:fixed;top:0;left:0}input[type=file]{display:none}input[type=color]{width:27px;height:27px;padding:0 2px}button,.button{padding-left:10px;padding-right:10px}#importPresetBtn{width:111px;padding:2px 6px}@media only screen and (width<=555px){#previewspace{width:100vw;height:var(--panel-top)}#controlpanel-wrapper{top:var(--panel-top);width:100vw;height:calc(100vh - var(--panel-top) - 50px);padding-top:0;padding-left:15px}#bottompanel{width:100vw}}::-webkit-scrollbar{width:6.9px}::-webkit-scrollbar-track{opacity:0}::-webkit-scrollbar-thumb{background:#00000030}::-webkit-scrollbar-thumb:hover{background:#00000020}::selection{color:#000;background-color:#fff}canvas{object-fit:contain;width:100%;height:100%}#controlpanel input[type=number]{width:57px}input[type=number]{-moz-appearance:textfield}input[type=number]:hover,input[type=number]:focus{-moz-appearance:revert!important}.slider.svelte-oyl6e3{vertical-align:middle;width:var(--width,160px);height:var(--height,24px);display:inline-block;position:relative}.slider-flexbox[data-direction=horizontal].svelte-oyl6e3{flex-direction:row;align-items:center;gap:8px;display:flex}.slider-flexbox[data-direction=vertical].svelte-oyl6e3{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.slider-flexbox[data-direction=horizontal].svelte-oyl6e3 .slider-range:where(.svelte-oyl6e3){flex-grow:1;height:24px;position:relative}.slider-flexbox[data-direction=vertical].svelte-oyl6e3 .slider-range:where(.svelte-oyl6e3){flex-grow:1;width:24px;position:relative}.slider-flexbox[data-direction=horizontal].svelte-oyl6e3 .slider-track:where(.svelte-oyl6e3){background-color:gray;border-radius:2px;width:100%;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.slider-flexbox[data-direction=vertical].svelte-oyl6e3 .slider-track:where(.svelte-oyl6e3){background-color:gray;border-radius:2px;width:4px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.slider-flexbox[data-direction=horizontal].svelte-oyl6e3 .slider-thumb:where(.svelte-oyl6e3){width:6px;height:16px;top:50%;left:var(--value);--focus-color:lightgrey;background-color:#fff;border-radius:3px;position:absolute;transform:translate(-50%,-50%)}.slider-flexbox[data-direction=vertical].svelte-oyl6e3 .slider-thumb:where(.svelte-oyl6e3){width:16px;height:6px;left:50%;bottom:var(--value);--focus-color:lightgrey;background-color:#fff;border-radius:3px;position:absolute;transform:translate(-50%,50%)}.slider-flexbox[data-direction=horizontal].svelte-oyl6e3 .slider-thumb:where(.svelte-oyl6e3):hover{background-color:var(--focus-color);cursor:ew-resize}.slider-flexbox[data-direction=vertical].svelte-oyl6e3 .slider-thumb:where(.svelte-oyl6e3):hover{background-color:var(--focus-color);cursor:ns-resize}input[type=number].svelte-oyl6e3{width:50px!important}.gridbox.svelte-84gppr{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin-bottom:14px;display:grid}table.svelte-cqz150{border-collapse:collapse;border-spacing:0;margin-bottom:14px}table.svelte-cqz150 td:where(.svelte-cqz150){padding:0}.preset-picker.svelte-637hzy{position:relative}.dropdown.svelte-637hzy{top:var(--dropdown-top);left:var(--dropdown-left);z-index:20;min-width:180px;max-height:calc(100vh - var(--dropdown-top) - 10px);background:#2a2a2a;border:1px solid #555;border-radius:4px;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000080}.dropdown-item.svelte-637hzy{text-align:left;color:#bbb;cursor:pointer;background:0 0;border:none;width:100%;padding:6px 12px;font-family:inherit;font-size:13px;display:block}.dropdown-item.svelte-637hzy:hover{color:#fff;background:#444;border:none}.dropdown-divider.svelte-637hzy{background:#444;height:1px;margin:4px 0}.dropdown-label.svelte-637hzy{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px}.import-btn.svelte-637hzy{color:#9cb8d8}.hue-sat-wheel.svelte-xly9x{aspect-ratio:1;cursor:crosshair;vertical-align:middle;border-radius:50%;width:160px;max-width:100%;height:auto;display:inline-block;position:relative}.hue-wheel.svelte-xly9x{z-index:1;border-radius:50%;position:absolute;inset:0}.sat-wheel.svelte-xly9x{z-index:2;border-radius:50%;position:absolute;inset:0}.picker-scope.svelte-xly9x{z-index:3;border:2px solid #fff;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s;position:absolute;transform:translate(-50%,-50%)}.picker-scope.svelte-xly9x:hover{cursor:none;width:12px;height:12px}table.svelte-zipqw4{table-layout:fixed;width:100%}th.svelte-zipqw4{font-weight:400}.resize-handle.svelte-oydtmz{z-index:10;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute}.resize-handle.vertical.svelte-oydtmz{cursor:col-resize;width:10px;height:100%;top:0;left:0}.resize-handle.horizontal.svelte-oydtmz{cursor:row-resize;width:100%;height:10px;top:0;left:0}.resize-handle.svelte-oydtmz .dots:where(.svelte-oydtmz){opacity:.4;gap:3px;transition:opacity .15s;display:flex}.resize-handle.svelte-oydtmz:hover .dots:where(.svelte-oydtmz),.resize-handle.dragging.svelte-oydtmz .dots:where(.svelte-oydtmz){opacity:.9}.resize-handle.vertical.svelte-oydtmz .dots:where(.svelte-oydtmz){flex-direction:column}.resize-handle.horizontal.svelte-oydtmz .dots:where(.svelte-oydtmz){flex-direction:row}.resize-handle.svelte-oydtmz .dots:where(.svelte-oydtmz):before,.resize-handle.svelte-oydtmz .dots:where(.svelte-oydtmz):after,.resize-handle.svelte-oydtmz .dots:where(.svelte-oydtmz){content:""}.resize-handle.vertical.svelte-oydtmz .dots:where(.svelte-oydtmz):before{content:"";background:#888;border-radius:50%;width:4px;height:4px;box-shadow:0 7px #888,0 14px #888}.resize-handle.horizontal.svelte-oydtmz .dots:where(.svelte-oydtmz):before{content:"";background:#888;border-radius:50%;width:4px;height:4px;box-shadow:7px 0 #888,14px 0 #888}.resize-handle.dragging.svelte-oydtmz{-webkit-user-select:none;user-select:none}