:root{--color-scheme-1:#f27700;--color-scheme-2:#d06100;--color-scheme-3:#a24200;--color-scheme-4:#712200;--color-scheme-5:#430300;--color-scheme-6:#242424}body{background-color:var(--color-scheme-6);color:whitesmoke;user-select:none}#baseCanvas.svelte-9zr2cs,#referenceImage.svelte-9zr2cs{display:block}#referenceImage.svelte-9zr2cs{background-color:black;background-size:100% 100%}#baseCanvas.svelte-9zr2cs{mix-blend-mode:screen;position:absolute;top:0;left:0}slider{float:right;accent-color:var(--color-scheme-1)}input[type="number"]{color:var(--color-scheme-1);background-color:#181818;border:1px solid #181818;transition:border 0.2s, box-shadow 0.2s;-moz-appearance:textfield}input[type="number"]:focus{border:1px solid var(--color-scheme-1);box-shadow:inset 0 0 4px var(--color-scheme-2);outline:none !important;-moz-appearance:revert !important}input[type="number"]:hover{border:1px solid var(--color-scheme-1);-moz-appearance:revert !important}button{padding:4px 12px;background-color:#333333;border:1px solid #555555;color:var(--color-scheme-1);transition:border 0.2s, box-shadow 0.2s, background-color 0.2s}button:focus,select:focus{border:1px solid var(--color-scheme-1);box-shadow:inset 0 0 4px var(--color-scheme-2);outline:none !important}button:hover,select:hover{border:1px solid var(--color-scheme-1)}select{padding:4px;background-color:#333333;border:1px solid #555555;color:var(--color-scheme-1);transition:border 0.2s, box-shadow 0.2s}select,button{margin-bottom:0}input[type="checkbox"]{accent-color:var(--color-scheme-2)}input[type="range"]{-webkit-appearance:none;appearance:none;outline:none !important;background-color:#353535 !important;height:5px !important;border:0 !important}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:10px !important;width:10px !important;background-color:var(--color-scheme-1) !important;border-radius:50%;border:0 !important}input[type="range"]::-webkit-slider-thumb:hover{background-color:var(--color-scheme-3) !important}input[type="range"]::-moz-range-thumb{height:10px !important;width:10px !important;background-color:var(--color-scheme-1) !important;border-radius:50%;border:0 !important}input[type="range"]::-moz-range-thumb:hover{background-color:var(--color-scheme-3) !important}.hueSlider input[type="range"]{background:linear-gradient(
      to right,
      hsl(0, 100%, 25%),
      hsl(30deg, 100%, 25%),
      hsl(60deg, 100%, 25%),
      hsl(90deg, 100%, 25%),
      hsl(120deg, 100%, 25%),
      hsl(150deg, 100%, 25%),
      hsl(180deg, 100%, 25%),
      hsl(210deg, 100%, 25%),
      hsl(240deg, 100%, 25%),
      hsl(270deg, 100%, 25%),
      hsl(300deg, 100%, 25%),
      hsl(330deg, 100%, 25%),
      hsl(360deg, 100%, 25%)
    )}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{opacity:0}::-webkit-scrollbar-thumb{background:#333333}::-webkit-scrollbar-thumb:hover{background:var(--color-scheme-3)}::selection{background-color:var(--color-scheme-4)}#controlPanel.svelte-9zr2cs{position:fixed;overflow-y:scroll;border-left:2px solid #353535;right:0}#controlPanel[data-layout="horizontal"].svelte-9zr2cs{width:var(--divider-x);height:100vh;bottom:0}#controlPanel[data-layout="vertical"].svelte-9zr2cs{width:100vw;height:calc(var(--divider-y) - 50px);bottom:50px}#previewSection.svelte-9zr2cs{box-sizing:border-box;position:fixed;top:50px;left:0;overflow:hidden}#previewSection[data-layout="horizontal"].svelte-9zr2cs{width:calc(100vw - var(--divider-x));height:calc(100vh - 2 * 50px)}#previewSection[data-layout="vertical"].svelte-9zr2cs{width:100vw;height:calc(100vh - 50px - var(--divider-y))}.centered.svelte-9zr2cs{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#sectionAbovePreview.svelte-9zr2cs{height:50px;box-sizing:border-box;border-bottom:2px solid #353535;text-align:center;position:fixed;top:0;left:0}#sectionAbovePreview[data-layout="horizontal"].svelte-9zr2cs{width:calc(100vw - var(--divider-x))}#sectionAbovePreview[data-layout="vertical"].svelte-9zr2cs{width:100vw}#exportPanel.svelte-9zr2cs{height:50px;box-sizing:border-box;border-top:2px solid #353535;text-align:center;position:fixed;bottom:0;left:0}#exportPanel[data-layout="horizontal"].svelte-9zr2cs{width:calc(100vw - var(--divider-x))}#exportPanel[data-layout="vertical"].svelte-9zr2cs{width:100vw}#startScreen.svelte-9zr2cs{width:100vw;height:100vh;background-color:var(--color-scheme-6);position:fixed;top:0;left:0;background-size:cover;background-position:center;z-index:15}.preset-bar.svelte-9zr2cs{position:sticky;top:0;width:100%;background-color:var(--color-scheme-6);padding:5px;box-sizing:border-box;border-bottom:2px solid #353535}.divider.svelte-7p7qk6{position:fixed;background-color:#353535;pointer-events:all;z-index:2;--divider-size:4px}.divider.svelte-7p7qk6:hover{background-color:#555555}.divider[data-layout="horizontal"].svelte-7p7qk6{height:100vh;width:var(--divider-size);cursor:ew-resize;bottom:0;right:var(--divider-x);transform:translateX(50%)}.divider[data-layout="vertical"].svelte-7p7qk6{height:var(--divider-size);width:100vw;cursor:ns-resize;bottom:var(--divider-y);right:0;transform:translateY(50%)}input[type="file"].svelte-fsmup{display:none}.greywall.svelte-fsmup{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:black;opacity:0.75;z-index:36}.modal.svelte-fsmup{position:fixed;width:500px;height:300px;max-width:100vw;max-height:100vh;top:50vh;left:50vw;transform:translate(-50%, -50%);background-color:var(--color-scheme-6);border-radius:8px;z-index:37;padding:16px}.long-button.svelte-fsmup{width:100%;box-sizing:border-box;padding:5px;border:1px hidden #333333;text-align:center;display:inline-block;background-color:var(--color-scheme-6);color:whitesmoke;transition:background-color 0.2s}.long-button.svelte-fsmup:hover{background-color:#333333;cursor:pointer}.preview-viewport.svelte-y1bq8e{width:100%;height:100%;overflow:hidden;position:relative;cursor:default}.preview-viewport.panning.svelte-y1bq8e{cursor:grabbing}.canvas-container.svelte-y1bq8e{position:absolute;left:50%;top:50%;transform-origin:center center}.zoom-toolbar.svelte-y1bq8e{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background-color:rgba(30, 30, 30, 0.85);border:1px solid #444;border-radius:6px;padding:3px 8px;z-index:5;user-select:none}.zoom-label.svelte-y1bq8e{font-size:11px;color:#ccc;min-width:40px;text-align:center}.zoom-btn.svelte-y1bq8e{width:24px;height:24px;padding:0;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.reset-btn.svelte-y1bq8e{font-size:16px;margin-left:4px}.name-tag.svelte-16ekcsz{user-select:none;border-bottom:1px solid #373737;padding:10px 5px;box-sizing:border-box}.contents.svelte-16ekcsz{padding:2px 5px 5px 25px;box-sizing:border-box;line-height:27px;border-bottom:1px solid #373737}input[type="number"].svelte-7781eu{width:54px;font-size:12px;padding:3px;outline:none !important;margin-bottom:0 !important}input[type="range"].svelte-7781eu{padding:0;margin:0;vertical-align:middle;width:128px}