:root{--100vh:100vh;--space:.5rem;--mobile-breakpoint:768px;--menu-height:4rem;--sidebar-width:280px;--sidebar-bg:var(--canvas);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--transition-speed:.2s;--focus-ring:0 0 0 3px var(--main-accent-color)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100vw;max-width:100vw;height:var(--100vh);max-height:var(--100vh);background-color:var(--canvas);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;overflow:hidden}body{margin:0;padding:0}main{width:100%;height:100%;transition:all var(--transition-speed);grid-template-columns:auto 1fr;display:grid}@media (width>=769px){details.main{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid color-mix(in srgb, var(--canvas-text) 10%, transparent);grid-column:1;height:100%;overflow-y:auto}details.main[open] .close-options-button,details.main>summary{display:none}.main-area{grid-column:2}}@media (width<=768px){main{grid-template-columns:1fr}details.main{z-index:1000;background-color:var(--sidebar-bg);width:80%;max-width:300px;height:100%;box-shadow:var(--shadow-md);border-right:1px solid var(--canvas-text);transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}details.main[open]{transform:translate(0)}details.main>summary{z-index:1001;background-color:var(--canvas);border:1px solid var(--canvas-text);cursor:pointer;backdrop-filter:blur(8px);background-color:color-mix(in srgb, var(--canvas) 80%, transparent);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex;position:fixed;top:1rem;left:1rem}details.main[open]>summary{display:none}.close-options-button{cursor:pointer;color:var(--canvas-text);background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}}.sidebar{padding:var(--space) 1rem;flex-direction:column;gap:1.5rem;height:100%;display:flex;overflow-y:auto}.preprocess{flex-direction:column;gap:.75rem;display:flex}.other-input{align-items:center;gap:.75rem;margin:0;display:flex}.other-input label{cursor:pointer;font-weight:500}input[type=radio],input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--main-accent-color);margin:0}.preprocess-input{border-top:1px solid color-mix(in srgb, var(--canvas-text) 15%, transparent);flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.5rem 0;display:flex}.preprocess-input>div{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.preprocess-input label{justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.preprocess-input input[type=range]{-webkit-appearance:none;background:color-mix(in srgb, var(--canvas-text) 30%, transparent);border-radius:2px;flex:1;min-width:120px;height:4px}.preprocess-input input[type=range]:focus{outline:none}.preprocess-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--main-accent-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.preprocess-input button{border:1px solid var(--canvas-text);cursor:pointer;background:0 0;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;transition:all .2s}.preprocess-input button:hover{background:var(--main-accent-color);border-color:var(--main-accent-color);color:#fff}.advanced{display:none}.show-advanced:checked~.details .advanced,input#show-advanced:checked~.details .advanced{display:block}.reset-all{background:var(--main-accent-color);color:#fff;cursor:pointer;border:none;border-radius:2rem;padding:.5rem 1rem;font-weight:700;transition:opacity .2s}.reset-all:hover{opacity:.85}.link-list{flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding:0;list-style:none;display:flex}.link-list li{display:inline-block}.link-list a{color:var(--canvas-text);font-size:.9rem;text-decoration:none;transition:color .2s}.link-list a:hover{color:var(--main-accent-color)}.link-list li:not(:last-child):after{content:"•";color:var(--canvas-text);opacity:.5;margin-left:.75rem}dark-mode-toggle{--dark-mode-toggle-light-icon:url(/moon.svg);--dark-mode-toggle-dark-icon:url(/sun.svg);--dark-mode-toggle-color:var(--canvas-text);--dark-mode-toggle-icon-filter:invert(100%);border:1px solid var(--canvas-text);border-radius:2rem;width:fit-content;padding:.25rem;display:inline-flex}.language{background:var(--canvas);border:1px solid var(--canvas-text);color:var(--canvas-text);border-radius:.5rem;padding:.4rem}.main-area{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.menu{background-color:var(--canvas);border-bottom:1px solid color-mix(in srgb, var(--canvas-text) 15%, transparent);z-index:10;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.menu button{cursor:pointer;color:var(--canvas-text);background:0 0;background-color:color-mix(in srgb, var(--canvas-text) 5%, transparent);border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.menu button:hover{background-color:var(--main-accent-color);color:#fff}.menu button .icon svg{fill:currentColor;width:1.2rem;height:1.2rem}.menu progress{width:120px;height:4px;accent-color:var(--main-accent-color);margin-left:auto}.input-image{object-fit:contain;z-index:20;width:auto;height:80px;box-shadow:var(--shadow-sm);cursor:pointer;opacity:.8;border-radius:8px;transition:transform .2s,opacity .2s;position:absolute;bottom:1rem;right:1rem}.input-image:hover{opacity:1;transform:scale(1.05)}canvas{display:none}canvas.debug{z-index:20;box-shadow:var(--shadow-sm);border-radius:8px;display:block;position:absolute;bottom:1rem;left:1rem}.pinch-zoom-wrapper{background:var(--canvas);flex:1;position:relative;overflow:hidden}pinch-zoom{cursor:grab;width:100%;height:100%;display:block}pinch-zoom:active{cursor:grabbing}.checkerboard{background-position:0 0,1rem 1rem;background-size:2rem 2rem}.svg-output{width:100%;height:100%}.toast{background-color:var(--canvas);color:var(--canvas-text);border:1px solid var(--canvas-text);z-index:2000;box-shadow:var(--shadow-md);backdrop-filter:blur(4px);white-space:nowrap;border-radius:2rem;padding:.75rem 1.5rem;font-size:.9rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.dropenter:before{content:attr(data-drop-text);background:color-mix(in srgb, var(--canvas) 90%, transparent);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex;position:fixed;top:0;left:0}
/*$vite$:1*/