:root{color-scheme:light dark;--base-grape: hsl(260, 90%, 67%);--primary-bg: light-dark(rgb(255, 255, 255), rgb(16, 16, 16));--secondary-bg: light-dark(rgb(250, 250, 250), rgb(10, 10, 10));--tertiary-bg: light-dark(rgb(245, 245, 245), rgb(30, 30, 30));--elevated-bg: light-dark(rgb(255, 255, 255), rgb(40, 40, 40));--highlight-bg: light-dark(rgb(239, 239, 239), rgb(32, 32, 32));--primary-text: light-dark(rgb(5, 5, 5), rgb(228, 230, 235));--secondary-text: light-dark(rgb(101, 103, 107), rgb(176, 179, 184));--disabled-text: light-dark(rgb(188, 192, 196), rgba(255, 255, 255, .3));--section-header-text: light-dark(rgb(75, 76, 79), rgb(188, 192, 196));--link-text: light-dark(rgb(0, 149, 246), rgb(24, 163, 254));--placeholder-text: light-dark(rgb(101, 103, 107), rgb(138, 141, 145));--border-color: light-dark(rgb(206, 208, 212), rgb(62, 64, 66));--accent-color: var(--base-grape);--error-text: hsl(350, 87%, 55%);--error-bg: color-mix(in srgb, var(--error-text) 20%, var(--primary-bg));--hover-bg: color-mix(in srgb, var(--primary-bg) 95%, var(--primary-text));--hover-border: color-mix(in srgb, var(--border-color) 60%, var(--primary-text));--button-hover-bg: color-mix(in srgb, var(--accent-color) 80%, black);--shadow-1: rgba(0, 0, 0, .1);--shadow-2: rgba(0, 0, 0, .2);--shadow-5: rgba(0, 0, 0, .5);--shadow-8: rgba(0, 0, 0, .8);--shadow-base: 0 1px 2px var(--shadow-2);--shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-emphasis: 0 2px 12px var(--shadow-2);--shadow-persistent: 0px 0px 12px rgba(28, 43, 51, .6);--shadow-primary: 0px 0px 12px rgba(28, 43, 51, .1);--shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, .1);--card-box-shadow: 0 0 24px 0 var(--shadow-1);--text--2: clamp(.651rem, .6271rem + .1199vw, .72rem);--text--1: clamp(.7813rem, .7399rem + .2065vw, .9rem);--text-0: clamp(.9375rem, .8723rem + .3261vw, 1.125rem);--text-1: clamp(1.125rem, 1.0272rem + .4891vw, 1.4063rem);--text-2: clamp(1.35rem, 1.2082rem + .7092vw, 1.7578rem);--text-3: clamp(1.62rem, 1.4192rem + 1.0039vw, 2.1973rem);--text-4: clamp(1.944rem, 1.6648rem + 1.3958vw, 2.7466rem);--text-5: clamp(2.3328rem, 1.95rem + 1.9138vw, 3.4332rem);--text-6: clamp(2.7994rem, 2.2803rem + 2.5951vw, 4.2915rem);--text-7: clamp(3.3592rem, 2.6618rem + 3.4873vw, 5.3644rem);--text-8: clamp(4.0311rem, 3.1008rem + 4.6512vw, 6.7055rem);--text-9: clamp(4.8373rem, 3.6044rem + 6.1645vw, 8.3819rem);--text-10: clamp(5.8048rem, 4.1795rem + 8.1263vw, 10.4774rem);--space-3xs: clamp(.25rem, .2283rem + .1087vw, .3125rem);--space-2xs: clamp(.5rem, .4783rem + .1087vw, .5625rem);--space-xs: clamp(.6875rem, .6223rem + .3261vw, .875rem);--space-s: clamp(.9375rem, .8723rem + .3261vw, 1.125rem);--space-m: clamp(1.4375rem, 1.3505rem + .4348vw, 1.6875rem);--space-l: clamp(1.875rem, 1.7446rem + .6522vw, 2.25rem);--space-xl: clamp(2.8125rem, 2.6168rem + .9783vw, 3.375rem);--space-2xl: clamp(3.75rem, 3.4891rem + 1.3043vw, 4.5rem);--space-3xl: clamp(5.625rem, 5.2337rem + 1.9565vw, 6.75rem);--space-3xs-2xs: clamp(.25rem, .1413rem + .5435vw, .5625rem);--space-2xs-xs: clamp(.5rem, .3696rem + .6522vw, .875rem);--space-xs-s: clamp(.6875rem, .5353rem + .7609vw, 1.125rem);--space-s-m: clamp(.9375rem, .6766rem + 1.3043vw, 1.6875rem);--space-m-l: clamp(1.4375rem, 1.1549rem + 1.413vw, 2.25rem);--space-l-xl: clamp(1.875rem, 1.3533rem + 2.6087vw, 3.375rem);--space-xl-2xl: clamp(2.8125rem, 2.2255rem + 2.9348vw, 4.5rem);--space-2xl-3xl: clamp(3.75rem, 2.7065rem + 5.2174vw, 6.75rem)}body{background-color:var(--primary-bg);color:var(--primary-text);margin:0;padding:0}.drop-zone.svelte-u44hcw{margin:var(--space-m) auto;border:2px dashed var(--border-color);border-radius:var(--space-s);padding:var(--space-l);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;background-color:var(--secondary-bg);font-size:var(--text-0);width:100%}.drop-zone.svelte-u44hcw:hover,.drop-zone.svelte-u44hcw:focus,.drag-over.svelte-u44hcw{background-color:var(--highlight-bg);border-color:var(--hover-border)}.drop-zone.svelte-u44hcw:focus{outline:2px solid var(--accent-color);outline-offset:2px}input[type=file].svelte-u44hcw{display:none}.fake-button.svelte-u44hcw{background-color:var(--accent-color);color:#fff;padding:var(--space-2xs) var(--space-s);border-radius:var(--space-3xs);cursor:pointer;margin-top:var(--space-s)}.fake-button.svelte-u44hcw:hover{background-color:var(--button-hover-bg)}@media (forced-colors: active){.drop-zone.svelte-u44hcw{border:2px solid ButtonText}}section.svelte-6mccco.svelte-6mccco{margin-block:var(--space-l)}h3.svelte-6mccco.svelte-6mccco{font-size:var(--text-1);color:var(--section-header-text);margin-block-end:var(--space-s);font-weight:600}ul.svelte-6mccco.svelte-6mccco{list-style-type:none;padding:0}li.svelte-6mccco.svelte-6mccco{margin:0 calc(var(--space-s) * -1)}a.svelte-6mccco.svelte-6mccco{display:block;color:var(--accent-color);text-decoration:none;padding:var(--space-s);overflow-wrap:break-word;border-radius:var(--space-2xs)}a.svelte-6mccco span.svelte-6mccco{font-weight:600}a.svelte-6mccco.svelte-6mccco:hover{background-color:var(--highlight-bg)}a.svelte-6mccco:hover span.svelte-6mccco{text-decoration:underline}p.duration.svelte-6mccco.svelte-6mccco{color:var(--secondary-text);margin:var(--space-3xs) 0 0}li.svelte-1yivwu4{display:flex;flex-direction:column;background:var(--elevated-bg);position:relative;padding:var(--space-m);padding-bottom:0;border-radius:var(--space-2xs);flex:0 0 90%;scroll-snap-align:center;box-shadow:var(--card-box-shadow)}li.svelte-1yivwu4 img{box-sizing:border-box;color-scheme:dark;display:block;max-width:100%;height:auto;margin-top:auto;background-color:color-mix(in srgb,var(--elevated-bg) 50%,transparent 50%);border-top-left-radius:24px;border-top-right-radius:24px;border:12px solid var(--primary-bg);border-bottom:none}li.svelte-1yivwu4 p,li.svelte-1yivwu4 button{margin:0;margin-bottom:var(--text--1);line-height:1.25}li.svelte-1yivwu4 *{z-index:1}li.svelte-1yivwu4:before{margin:0;padding:0;content:counter(tutorial);counter-increment:tutorial;position:absolute;top:var(--space-2xs);left:var(--space-2xs);font-size:var(--text-9);font-weight:900;pointer-events:none;line-height:.85;opacity:.1;mix-blend-mode:plus-darker}@media (prefers-color-scheme: dark){li.svelte-1yivwu4:before{mix-blend-mode:plus-lighter}}@media (min-width: 768px){li.svelte-1yivwu4{flex:0 0 45%}}.carousel.svelte-1hk4io0{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(var(--space-m) * -1);padding:40px}.carousel.svelte-1hk4io0::-webkit-scrollbar{display:none}ol.svelte-1hk4io0{list-style:none;counter-reset:tutorial;display:flex;gap:var(--space-m)}button.svelte-1hk4io0{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:inherit;margin:0;padding:0;text-decoration:underline;text-align:unset}main.svelte-1n6bmva.svelte-1n6bmva{max-inline-size:65ch;margin-inline:auto;padding-block:var(--space-l);padding-inline:var(--space-m);font-family:system-ui,sans-serif}h1.svelte-1n6bmva.svelte-1n6bmva{font-size:var(--text-4);text-align:center;margin-block-end:var(--space-l)}.error.svelte-1n6bmva.svelte-1n6bmva{color:var(--error-text);background-color:var(--error-bg);padding:var(--space-s);border-radius:var(--space-2xs);font-weight:700}.info.svelte-1n6bmva.svelte-1n6bmva{background-color:var(--highlight-bg);border-radius:var(--space-2xs);padding:var(--space-m);margin-bottom:var(--space-l);padding-left:var(--space-m)}.info.svelte-1n6bmva p.svelte-1n6bmva{padding-left:var(--space-m)}.info.svelte-1n6bmva h2.svelte-1n6bmva{display:inline;font-size:var(--text-1);margin-bottom:var(--space-s)}.info.svelte-1n6bmva p.svelte-1n6bmva:last-of-type{margin-top:var(--space-m);opacity:.7}.info.svelte-1n6bmva ul.svelte-1n6bmva{margin-bottom:var(--space-s);padding-left:var(--space-m)}.info.svelte-1n6bmva li.svelte-1n6bmva{margin-bottom:var(--space-2xs)}button.svelte-1n6bmva.svelte-1n6bmva{background-color:var(--accent-color);color:#fff;padding:var(--space-xs) var(--space-s);border:none;border-radius:var(--space-3xs);cursor:pointer;font-size:var(--text-0);margin-bottom:var(--space-m)}button.svelte-1n6bmva.svelte-1n6bmva:hover{background-color:var(--button-hover-bg)}