section.svelte-118g5hk.svelte-118g5hk{display:flex;flex-direction:column;align-items:start;padding-top:2.5rem;padding-bottom:2.5rem}section.less-padding-bottom.svelte-118g5hk.svelte-118g5hk{padding-bottom:.5rem}.eyebrow.svelte-118g5hk.svelte-118g5hk{font-size:.875rem;color:var(--color-neutral-400);transition:opacity .15s ease-out}.eyebrow.active.svelte-118g5hk.svelte-118g5hk{opacity:0;pointer-events:none}button.svelte-118g5hk.svelte-118g5hk{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:9999px;background-color:transparent;color:var(--color-neutral-900);background-color:var(--color-neutral-100);border:1.6px solid var(--color-neutral-300);transform:scale(.75);transform-origin:center left;outline:none;font-size:1.5rem;text-wrap:nowrap;cursor:pointer;transition:all .15s ease-out}button.svelte-118g5hk.svelte-118g5hk:disabled:not(.active){cursor:not-allowed;opacity:.5}button.svelte-118g5hk.svelte-118g5hk:not(:disabled):hover{background-color:var(--color-neutral-150)}button.svelte-118g5hk.svelte-118g5hk:not(:disabled):active{background-color:var(--color-neutral-100)}.sparkles.svelte-118g5hk.svelte-118g5hk{width:1.5rem;height:1.5rem}button.active.svelte-118g5hk.svelte-118g5hk{transform:scale(1);margin-left:-.5rem;background-color:transparent;border-color:transparent;cursor:initial;transition:all .3s ease-out}button.active.svelte-118g5hk .sparkles.svelte-118g5hk{opacity:0;margin-left:-2.25rem;transition:all .3s ease-out}.icon.svelte-1vd7laz{display:inline-block;width:.75rem;height:.75rem;position:relative}.bg.svelte-1vd7laz,.fg.svelte-1vd7laz{position:absolute;width:.625rem;height:.625rem;box-shadow:inset 0 0 0 1px var(--color-neutral-500);background-color:var(--color-neutral-100)}.fg.svelte-1vd7laz{margin-left:3px;margin-top:3px}.active.svelte-1vd7laz{background-color:var(--color-neutral-400)}.size-4.svelte-gl66o4{width:1rem;height:1rem;flex-shrink:0}.color-picker.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{position:relative;width:100%;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:var(--color-neutral-100);box-shadow:inset 0 1px 0 var(--color-light),var(--shadow-level-1);transition:border-color .1s;padding:.5rem;font-size:.875rem;font-family:var(--font-family-system-ui)}.color-picker.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 1px #0000001a;border-radius:inherit;z-index:1;pointer-events:none}@media (prefers-color-scheme: dark){.color-picker.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{box-shadow:0 0 0 .5px var(--color-black),inset 0 0 0 1px var(--color-light)}}.color-picker.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:after{content:"paste";position:absolute;top:1px;left:1px;right:1px;bottom:1px;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-700);background-image:radial-gradient(circle at center,var(--color-neutral-100),transparent);pointer-events:none;border-radius:.5rem;transition:opacity .1s;opacity:0}.color-picker.dragged-over.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:after{opacity:1}.mix.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:after{content:"paste & mix"}input[type=color].svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{height:2.75rem;width:2.75rem;border:none;outline:none;border-radius:.25rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=color].svelte-190f0nq.svelte-190f0nq.svelte-190f0nq::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color].svelte-190f0nq.svelte-190f0nq.svelte-190f0nq::-webkit-color-swatch{border:none}input[type=color].svelte-190f0nq.svelte-190f0nq.svelte-190f0nq::-moz-color-swatch{border:none}.label.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{display:flex;align-items:center;gap:.25rem;color:var(--color-neutral-500);margin-bottom:.125rem}.value.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{color:var(--color-neutral-900);font-family:var(--font-family-monospace)}.buttons.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{display:grid;grid-template-columns:repeat(2,1fr);gap:.125rem;margin-left:auto}.button.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{height:100%;background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);outline:none;border-radius:.25rem;color:var(--color-neutral-900);padding:.0875rem;cursor:pointer}.button.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:disabled{opacity:.3;cursor:not-allowed}.button.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:not(:disabled):hover,.button.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:not(:disabled):focus{background-color:var(--color-neutral-200)}.button.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:not(:disabled):active{background-color:var(--color-neutral-100)}.color-shades.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% - .5rem));display:flex;z-index:9999;box-shadow:var(--shadow-level-2);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);padding:.25rem;border-radius:.25rem;transform-origin:bottom center}.color-shades.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 0 1px #0000001a;z-index:-1;pointer-events:none}@media (prefers-color-scheme: dark){.color-shades.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{box-shadow:0 0 0 .5px var(--color-black),inset 0 0 0 1px var(--color-light)}}.shade-wrapper.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{flex:1;aspect-ratio:1 / 1;padding:.125rem;cursor:pointer}.shade.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{width:100%;height:100%;border-radius:.125rem;transform:scale(.875);transition:all .1s}.shade-wrapper.svelte-190f0nq:hover .shade.svelte-190f0nq.svelte-190f0nq{transform:scale(1)}.menu-wrapper.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{position:relative}.menu.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{position:absolute;right:0;backdrop-filter:blur(1.5rem);-webkit-backdrop-filter:blur(1.5rem);box-shadow:var(--shadow-level-2);border-radius:.5rem;list-style:none;padding:.25rem 0;margin-top:.125rem;transform-origin:top right;z-index:9999}.menu.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 1px #0000001a;border-radius:inherit;z-index:1;pointer-events:none}@media (prefers-color-scheme: dark){.menu.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq:before{box-shadow:0 0 0 .5px var(--color-black),inset 0 0 0 1px var(--color-light)}}.menu.flipped.svelte-190f0nq.svelte-190f0nq.svelte-190f0nq{transform-origin:bottom right;bottom:0;margin-top:initial;margin-bottom:1.5rem}.menu.svelte-190f0nq ul.svelte-190f0nq.svelte-190f0nq{list-style:none}menu.svelte-190f0nq ul.svelte-190f0nq+ul.svelte-190f0nq:before{content:"";display:block;height:1px;background-color:#0000001a;margin:.25rem .75rem}@media (prefers-color-scheme: dark){menu.svelte-190f0nq ul.svelte-190f0nq+ul.svelte-190f0nq:before{background-color:#ffffff1a}}.menu.svelte-190f0nq button.svelte-190f0nq.svelte-190f0nq{position:relative;border:none;padding:.25rem .75rem;cursor:pointer;line-height:1;width:100%;white-space:nowrap;text-align:left;background-color:transparent;color:var(--color-neutral-800)}.menu.svelte-190f0nq button.svelte-190f0nq.svelte-190f0nq:disabled{color:var(--color-neutral-400);cursor:not-allowed}.menu.svelte-190f0nq button.svelte-190f0nq.svelte-190f0nq:hover{color:var(--color-white)}.menu.svelte-190f0nq button.svelte-190f0nq.svelte-190f0nq:hover:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:0 .25rem;border-radius:.25rem;background-color:var(--color-accent-500);opacity:.625;z-index:-1}button.svelte-1p06rtf{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;border:2px dashed var(--color-neutral-300);border-radius:.5rem;background-color:transparent;padding:1.5rem;transition:all .3s ease-out}.wrapper.svelte-1p06rtf{display:flex;align-items:center;gap:1rem;pointer-events:none}.active.svelte-1p06rtf{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}p.svelte-1p06rtf{color:var(--color-neutral-500);font-style:italic;text-align:start;text-wrap:balance}.icon.svelte-1p06rtf{flex-shrink:0;width:3rem;height:3rem;fill:var(--color-neutral-300)}.text.svelte-1p06rtf{display:flex;flex-direction:column;align-items:start;gap:.5rem}div.svelte-1oprzwt{display:inline-block;border:1px solid var(--color-neutral-300);padding:.0875rem;border-radius:.25rem;margin-bottom:-.25rem;color:var(--color-neutral-900);background-color:var(--color-neutral-100)}button.svelte-1v49e8z{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:none;outline:none;cursor:pointer;color:var(--color-accent-600);font-weight:600;transition:all .3s;margin-left:-.25rem}button.svelte-1v49e8z:hover{color:var(--color-accent-500)}.rotate.svelte-1v49e8z{transform:rotate(45deg)}.size-5.svelte-1v49e8z{width:1.5rem;height:1.5rem;transition:transform .3s}section.svelte-1mwk04j{display:flex;flex-direction:column;gap:3rem;padding-top:1rem}.link.svelte-1mwk04j{display:inline-flex;align-items:center;gap:.125rem;color:var(--color-accent-600);text-decoration:underline}.link.svelte-1mwk04j:hover{color:var(--color-accent-500)}.intro.svelte-1mwk04j{display:flex;flex-direction:column;gap:1.5rem}.instructions.svelte-1mwk04j{display:flex;flex-direction:column;gap:1rem}.in-show-more.svelte-1mwk04j{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}p.svelte-1mwk04j{text-wrap:pretty;font-size:1rem;line-height:1.5}.colors.svelte-1mwk04j{position:relative;display:flex;flex-direction:column;gap:1rem}.two-column-layout.svelte-1mwk04j{display:grid;grid-template-columns:1fr 20rem;gap:1rem}@media (max-width: 900px){.two-column-layout.svelte-1mwk04j{grid-template-columns:1fr}}.verbal-feedback.svelte-1mwk04j{font-size:1rem;font-family:var(--font-family-monospace);color:var(--color-neutral-600);display:flex;align-items:center;gap:.5rem}.visual-feedback.svelte-1mwk04j{position:sticky;top:var(--inset);width:100%;display:flex;justify-content:center;font-family:var(--font-family-monospace);box-shadow:var(--shadow-level-1);font-size:2rem;border-radius:1rem;align-items:center;padding:2rem;z-index:9999}.indicator.svelte-1mwk04j{width:1rem;height:1rem;stroke-width:1.75px}.color-pickers.svelte-1mwk04j{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.gradient-a.svelte-1mwk04j{background-image:linear-gradient(to right,var(--color-turquoise),var(--color-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-b.svelte-1mwk04j{background-image:linear-gradient(to right,var(--color-purple),var(--color-orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bold.svelte-1mwk04j{font-weight:600}ul.svelte-1mwk04j{list-style-type:square;padding-left:1.25rem;display:grid;gap:.75rem;line-height:1.5}.terminal.svelte-2svfra{--bar-height:1.75rem;position:relative;width:100%;height:100%;border-radius:.75rem;box-shadow:var(--shadow-level-2)}.terminal.svelte-2svfra:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 1px #0000001a;border-radius:inherit;z-index:1;pointer-events:none}@media (prefers-color-scheme: dark){.terminal.svelte-2svfra:before{box-shadow:0 0 0 .5px var(--color-black),inset 0 0 0 1px var(--color-light)}}.terminal-top-bar.svelte-2svfra{height:var(--bar-height);position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--color-neutral-100);padding:.375rem;box-shadow:inset 0 1px 0 var(--color-light);border-radius:.7rem .7rem 0 0;border-bottom:1px solid var(--color-neutral-400)}@media (prefers-color-scheme: dark){.terminal-top-bar.svelte-2svfra{box-shadow:none;border-bottom:1px solid var(--color-neutral-100)}}.terminal-top-bar-buttons.svelte-2svfra{position:absolute;left:0;display:flex;align-items:center;gap:.5rem;padding:.5rem}.terminal-top-bar-button.svelte-2svfra{width:.75rem;aspect-ratio:1;border-radius:9999px}.terminal-top-bar-button.red.svelte-2svfra{position:relative;background-color:#ff5f56;box-shadow:inset 0 0 0 1px #e0443e}.terminal-top-bar-button.red.svelte-2svfra:after{content:"";width:.25rem;height:.25rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;opacity:.5;border-radius:9999px}.terminal-top-bar-button.yellow.svelte-2svfra{background-color:#ffbd2e;box-shadow:inset 0 0 0 1px #de9a00}.terminal-top-bar-button.green.svelte-2svfra{background-color:#27c93f;box-shadow:inset 0 0 0 1px #1e8e3e}@media (prefers-color-scheme: dark){.terminal-top-bar-button.svelte-2svfra{box-shadow:initial!important}}.terminal-top-bar-title.svelte-2svfra{color:var(--color-neutral-600);font-size:.75rem;font-weight:700;font-family:var(--font-family-system-ui);letter-spacing:.04em}.terminal-inner.svelte-2svfra{width:100%;height:calc(100% - var(--bar-height));background-color:#000;font-size:1rem;border-bottom-left-radius:calc(var(--border-radius) - 1px);border-bottom-right-radius:calc(var(--border-radius) - 1px);padding:3px;border-radius:0 0 .7rem .7rem}.layout.svelte-sbh7ay{position:relative;width:100%;min-width:18rem;height:100%;min-height:33em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;font-size:1rem;font-family:var(--font-family-monospace);-webkit-user-select:none;user-select:none;overflow:hidden}@media (max-width: 768px){.layout.svelte-sbh7ay{font-size:.875rem}}@media (max-width: 600px){.layout.svelte-sbh7ay{font-size:.75rem}}.gutter.svelte-sbh7ay{min-width:2em;display:flex;flex-direction:column;text-align:right;padding:0 .375rem}.code.svelte-sbh7ay{overflow:hidden}.pmenu.svelte-sbh7ay{position:absolute;top:1.125em;left:2em;display:grid;grid-template-columns:auto auto;column-gap:.5rem;transform:translate(-.5rem);z-index:1}.pmenu-scrollbar.svelte-sbh7ay{position:absolute;right:0;width:.5rem;height:100%;z-index:1}.pmenu-scrollbar.svelte-sbh7ay:before{content:"";position:absolute;height:80%;top:0;left:0;right:0;background-color:currentColor}.pmenu-submenu.svelte-sbh7ay{position:absolute;left:100%;padding:0 .5rem}.pmenu-line.svelte-sbh7ay{display:grid;grid-column:1 / span 2;grid-template-columns:subgrid;padding-left:.5rem;padding-right:1rem}.line.svelte-sbh7ay{white-space:pre}.line.bold.svelte-sbh7ay{font-weight:700}.token.svelte-sbh7ay{white-space:nowrap}.status-line.svelte-sbh7ay{grid-column:1 / span 2;padding:0 .375rem;display:flex;gap:.375rem;font-weight:700}.status-line-cursor-line.svelte-sbh7ay{margin-left:auto}.status-line-end.svelte-sbh7ay{margin-left:4em}.command-line.svelte-sbh7ay{grid-column:1 / span 2;height:1.25em}.italic.svelte-sbh7ay{font-style:italic}.layout.svelte-1c0v3s2{display:grid;grid-template-columns:1fr 20rem;align-items:start;gap:1rem}@media (max-width: 900px){.layout.svelte-1c0v3s2{grid-template-columns:1fr}}.terminal.svelte-1c0v3s2{width:100%;flex-grow:1;position:sticky;top:var(--inset);z-index:9999}.visual-feedback.svelte-1c0v3s2{position:sticky;top:var(--inset);width:100%;display:flex;justify-content:center;font-family:var(--font-family-monospace);box-shadow:var(--shadow-level-1);font-size:2rem;border-radius:1rem;align-items:center;padding:2rem;z-index:9999}.messages-list.svelte-1c0v3s2{list-style:square}.color-pickers.svelte-1c0v3s2{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.two-column-layout.svelte-1onvcwp.svelte-1onvcwp{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:3rem}.download-area.svelte-1onvcwp.svelte-1onvcwp{display:flex;flex-direction:column;gap:1.25rem}@media (max-width: 768px){.two-column-layout.svelte-1onvcwp.svelte-1onvcwp{grid-template-columns:1fr}}label.svelte-1onvcwp.svelte-1onvcwp{display:flex;flex-direction:column;gap:1.125rem}label.svelte-1onvcwp span.svelte-1onvcwp{font-weight:600}input[type=text].svelte-1onvcwp.svelte-1onvcwp{padding:.5rem;background-color:var(--color-neutral-50);box-shadow:0 0 0 1px var(--color-neutral-300);border-radius:.25rem;border:none;outline:none;transition:all .3s}input[type=text].svelte-1onvcwp.svelte-1onvcwp:focus{box-shadow:0 0 0 2px var(--color-accent-500)}.download-button.svelte-1onvcwp.svelte-1onvcwp{display:flex;justify-content:center;align-items:center;gap:.5rem;border:none;outline:none;background-color:var(--color-accent-600);color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .3s;text-wrap:nowrap}.download-button.svelte-1onvcwp.svelte-1onvcwp:hover{background-color:var(--color-accent-500)}.download-button.svelte-1onvcwp.svelte-1onvcwp:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.download-icon.svelte-1onvcwp.svelte-1onvcwp{flex-shrink:0;width:1.5rem;height:1.5rem}.instructions-area.svelte-1onvcwp.svelte-1onvcwp{min-width:0;display:flex;flex-direction:column;gap:1.5rem}.instructions-wrapper.svelte-1onvcwp.svelte-1onvcwp{display:flex;flex-direction:column;gap:.75rem}.instructions-wrapper.svelte-1onvcwp h3.svelte-1onvcwp{font-weight:600}.instructions-list.svelte-1onvcwp.svelte-1onvcwp{list-style-position:inside;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;line-height:1.5}