:root{--bg:#fff;--surface:#ededed;--divider:#d9d9d9;--text:#111;--text-muted:#525252;--text-warn:#730000;--primary:#000;--primary-hover:#518cc2;--border:#000;--divider-size:.4rem;letter-spacing:.01em;--font-sans:sans-serif;--font-mono:monospace;--transition-time:.2s;--swatch-surround:#777;--bradius:1rem}[data-theme=dark]{--bg:#0f0f10;--surface:#1c1c1e;--divider:#333334;--text:#d3d3d3;--text-muted:#ababab;--text-warn:#fd9999;--primary:#9c9c9c;--primary-hover:#61b554;--border:#505052}[data-theme=grey]{--bg:#bcbcbc;--surface:#a8a8a8;--divider:#8a8a8a;--text:#161616;--text-muted:#3a3a3a;--text-warn:#500000;--primary:#1f1f1f;--primary-hover:#005c62;--border:#1f1f1f}@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#0f0f10;--surface:#1c1c1e;--text:#f0f0f0;--text-muted:#a0a0a0;--primary:#818cf8;--primary-hover:#6366f1;--border:#2e2e32}}html{background-color:var(--bg)}.no-transition *{transition:none!important}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);transition:background-color var(--transition-time), color var(--transition-time);margin:0}h1{color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);color:var(--text)}p{color:var(--text-muted)}button{border:2px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:.75rem;margin:.25rem;padding:.25rem .75rem}button:hover{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:var(--primary-hover);color:var(--primary-hover)}button:active{border-color:var(--primary-hover);color:var(--primary-hover)}.inverse{background:color-mix(in srgb, var(--text) 70%, transparent);color:var(--surface)}.inverse:hover{background:color-mix(in srgb, var(--text) 80%, transparent);color:var(--surface)}nav.svelte-li54ew{background:var(--surface);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;border-radius:0;justify-content:space-between;align-items:center;max-height:3rem;padding:0 1rem;font-size:.8rem;font-weight:600;display:flex}.theme-buttons.svelte-li54ew{text-transform:uppercase;letter-spacing:.08em;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.theme.svelte-li54ew,.menu.svelte-li54ew{flex-direction:row;align-items:center;gap:.5rem;display:flex}.menuOptions.svelte-li54ew{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.selectedTheme.svelte-li54ew{text-decoration:underline}button.svelte-li54ew{border:0px solid var(--border);color:var(--text);cursor:pointer;letter-spacing:.08em;background:0 0;padding-bottom:6px;font-size:.75rem;font-weight:400}button.svelte-li54ew:hover,button.svelte-li54ew:active{text-decoration:underline}.sv.svelte-1lvc3la{--sv-h3-size:calc(1rem * var(--sv-type-scale));--sv-h2-size:calc(var(--sv-h3-size) * var(--sv-type-scale));--sv-h1-size:calc(var(--sv-h2-size) * var(--sv-type-scale));--sv-border:color-mix(in srgb, var(--sv-secondary) 45%, transparent);--sv-border-subtle:color-mix(in srgb, var(--sv-secondary) 20%, transparent);background:var(--sv-bg);color:var(--sv-text);-webkit-font-smoothing:antialiased;min-width:70%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}.sv.svelte-1lvc3la :where(.svelte-1lvc3la),.sv.svelte-1lvc3la :where(.svelte-1lvc3la):before,.sv.svelte-1lvc3la :where(.svelte-1lvc3la):after{box-sizing:border-box;margin:0;padding:0}.sv-wrap.svelte-1lvc3la{max-width:1080px;margin:0 auto;padding:0 2rem}.sv-h1.svelte-1lvc3la{font-size:var(--sv-h1-size);letter-spacing:-.03em;color:var(--sv-text);font-weight:800;line-height:1.1}.sv-h2.svelte-1lvc3la{font-size:var(--sv-h2-size);letter-spacing:-.025em;color:var(--sv-text);font-weight:700}.sv-h3.svelte-1lvc3la{font-size:var(--sv-h3-size);letter-spacing:-.01em;color:var(--sv-text);margin-bottom:.5rem;font-weight:700}.sv-em.svelte-1lvc3la{color:var(--sv-primary);font-style:italic}.sv-btn-primary.svelte-1lvc3la{background:var(--sv-primary);color:var(--sv-bg);border:var(--sv-border-width) solid transparent;border-radius:var(--sv-radius-sm);cursor:pointer;white-space:nowrap;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s}.sv-btn-primary.svelte-1lvc3la:hover{opacity:.85}.sv-btn-ghost.svelte-1lvc3la{color:var(--sv-text);border:var(--sv-border-width) solid var(--sv-secondary);border-radius:var(--sv-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:border-color .15s}.sv-btn-ghost.svelte-1lvc3la:hover{border-color:var(--sv-primary)}.sv-btn-inverse.svelte-1lvc3la{background:var(--sv-bg);color:var(--sv-primary);border:var(--sv-border-width) solid transparent;border-radius:var(--sv-radius-sm);cursor:pointer;padding:.75rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s}.sv-btn-inverse.svelte-1lvc3la:hover{opacity:.9}.sv-btn-lg.svelte-1lvc3la{padding:.7rem 1.5rem;font-size:1rem}.sv-nav.svelte-1lvc3la{background:color-mix(in srgb, var(--sv-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--sv-border-width) solid var(--sv-border-subtle);z-index:100;position:sticky;top:0}.sv-nav-inner.svelte-1lvc3la{align-items:center;gap:2rem;height:60px;display:flex}.sv-logo.svelte-1lvc3la{color:var(--sv-primary);letter-spacing:-.01em;flex-shrink:0;font-size:1rem;font-weight:800}.sv-nav-links.svelte-1lvc3la{flex:1;justify-content:center;gap:1.75rem;display:flex}.sv-nav-link.svelte-1lvc3la{color:var(--sv-text-muted);font-size:.875rem;text-decoration:none;transition:color .15s}.sv-nav-link.svelte-1lvc3la:hover{color:var(--sv-text)}.sv-hero.svelte-1lvc3la{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:680px;margin:0 auto;padding:5.5rem 2rem 5rem;display:flex}.sv-badge.svelte-1lvc3la{background:color-mix(in srgb, var(--sv-accent) 12%, transparent);color:var(--sv-accent);border-radius:var(--sv-radius-huge);border:var(--sv-border-width) solid color-mix(in srgb, var(--sv-accent) 35%, transparent);padding:.3rem .9rem;font-size:.78rem;font-weight:600;display:inline-block}.sv-lead.svelte-1lvc3la{color:var(--sv-text-muted);max-width:480px;font-size:1.1rem;line-height:1.65}.sv-hero-actions.svelte-1lvc3la{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.sv-hero-note.svelte-1lvc3la{color:var(--sv-text-hint);font-size:.78rem}.sv-features.svelte-1lvc3la{background:var(--sv-bg-subtle);padding:5rem 0}.sv-section-header.svelte-1lvc3la{text-align:center;flex-direction:column;gap:.6rem;margin-bottom:3rem;display:flex}.sv-section-sub.svelte-1lvc3la{color:var(--sv-text-muted);font-size:1rem}.sv-cards.svelte-1lvc3la{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.sv-card.svelte-1lvc3la{background:var(--sv-bg);border-radius:var(--sv-radius);border:var(--sv-border-width) solid var(--sv-border-subtle);flex-direction:column;gap:.4rem;padding:1.75rem;display:flex}.sv-card-icon.svelte-1lvc3la{margin-bottom:.35rem;font-size:1.4rem}.sv-card-text.svelte-1lvc3la{color:var(--sv-text-muted);flex:1;font-size:.875rem;line-height:1.65}.sv-card-link.svelte-1lvc3la{color:var(--sv-primary);margin-top:.75rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .15s}.sv-card-link.svelte-1lvc3la:hover{opacity:.75}.sv-stats.svelte-1lvc3la{padding:4rem 0}.sv-stats-grid.svelte-1lvc3la{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.sv-stat.svelte-1lvc3la{border-radius:var(--sv-radius);background:color-mix(in srgb, var(--sv-primary) 7%, transparent);border:var(--sv-border-width) solid color-mix(in srgb, var(--sv-primary) 18%, transparent);flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;display:flex}.sv-stat-num.svelte-1lvc3la{color:var(--sv-primary);letter-spacing:-.03em;font-size:1.8rem;font-weight:800;line-height:1}.sv-stat-label.svelte-1lvc3la{color:var(--sv-text-muted);text-align:center;font-size:.75rem;line-height:1.3}.sv-posts.svelte-1lvc3la{background:var(--sv-bg-subtle);padding:4rem 0}.sv-posts-grid.svelte-1lvc3la{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.sv-post.svelte-1lvc3la{background:var(--sv-bg);border-radius:var(--sv-radius);border:var(--sv-border-width) solid var(--sv-border-subtle);color:var(--sv-text);flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:border-color .15s;display:flex}.sv-post.svelte-1lvc3la:hover{border-color:var(--sv-border)}.sv-post-tag.svelte-1lvc3la{text-transform:uppercase;letter-spacing:.08em;color:var(--sv-accent);font-size:.7rem;font-weight:700}.sv-post-title.svelte-1lvc3la{color:var(--sv-text);flex:1;font-size:.925rem;font-weight:600;line-height:1.4}.sv-post-date.svelte-1lvc3la{color:var(--sv-text-hint);font-size:.75rem}.sv-post-cta.svelte-1lvc3la{background:color-mix(in srgb, var(--sv-primary) 8%, transparent);cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;border-color:color-mix(in srgb, var(--sv-primary) 20%, transparent)!important}.sv-post-cta-text.svelte-1lvc3la{color:var(--sv-primary);font-size:.875rem;font-weight:600}.sv-post-cta-arrow.svelte-1lvc3la{color:var(--sv-primary);font-size:1.1rem}.sv-cta-banner.svelte-1lvc3la{background:var(--sv-primary);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:5.5rem 2rem;display:flex}.sv-cta-h2.svelte-1lvc3la{font-size:var(--sv-h2-size);color:var(--sv-bg);letter-spacing:-.025em;font-weight:800}.sv-cta-p.svelte-1lvc3la{color:color-mix(in srgb, var(--sv-bg) 75%, transparent);font-size:1rem}.sv-footer.svelte-1lvc3la{background:color-mix(in srgb, var(--sv-bg-subtle) 60%, var(--sv-bg));border-top:var(--sv-border-width) solid var(--sv-border-subtle);padding:2rem 0}.sv-footer-inner.svelte-1lvc3la{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sv-footer-links.svelte-1lvc3la{gap:1.5rem;display:flex}.sv-footer-link.svelte-1lvc3la{color:var(--sv-text-muted);font-size:.825rem;text-decoration:none;transition:color .15s}.sv-footer-link.svelte-1lvc3la:hover{color:var(--sv-text)}.sv-footer-copy.svelte-1lvc3la{color:var(--sv-text-hint);font-size:.78rem}.container.svelte-1k1vqms{min-width:5rem;margin:1rem}.field-group.svelte-1k1vqms{flex-direction:column;gap:.85rem;display:flex}.field.svelte-1k1vqms{flex-direction:column;gap:.4rem;display:flex}.field-label.svelte-1k1vqms{justify-content:space-between;font-size:1rem;font-weight:500;display:flex}.field-value.svelte-1k1vqms{font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:500}input[type=range].svelte-1k1vqms{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem;margin:0}input[type=range].svelte-1k1vqms::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--bg) var(--fill), var(--surface) var(--fill));border:1px solid var(--divider);border-radius:calc(var(--bradius) / 2);height:.35rem}input[type=range].svelte-1k1vqms::-moz-range-track{background:linear-gradient(to right, var(--bg) var(--fill), var(--surface) var(--fill));border:1px solid var(--divider);border-radius:calc(var(--bradius) / 2);height:.35rem}input[type=range].svelte-1k1vqms::-webkit-slider-thumb{appearance:none;background:var(--primary);border:1px solid var(--border);width:1.1rem;height:1.1rem;transition:background var(--transition-time), transform var(--transition-time);z-index:1;border-radius:50%;margin-top:-.4rem;position:relative}input[type=range].svelte-1k1vqms::-moz-range-thumb{background:var(--primary);border:1px solid var(--border);width:1.1rem;height:1.1rem;transition:background var(--transition-time), transform var(--transition-time);border-radius:50%}input[type=range].svelte-1k1vqms:hover::-webkit-slider-thumb{background:var(--primary-hover);transform:scale(1.08)}input[type=range].svelte-1k1vqms:focus-visible::-webkit-slider-thumb{background:var(--primary-hover);transform:scale(1.08)}input[type=range].svelte-1k1vqms:hover::-moz-range-thumb{background:var(--primary-hover);transform:scale(1.08)}input[type=range].svelte-1k1vqms:focus-visible::-moz-range-thumb{background:var(--primary-hover);transform:scale(1.08)}input[type=range].svelte-1k1vqms:focus-visible{outline:none}input[type=range].svelte-1k1vqms:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-hover) 40%, transparent)}input[type=range].svelte-1k1vqms:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-hover) 40%, transparent)}.dots.svelte-1v62fw1{flex-direction:row;place-self:center;place-items:center;display:flex}.dot.svelte-1v62fw1{color:#fff}.container.svelte-11asd2l{border:1px solid var(--border);background-color:var(--surface);border-radius:var(--bradius);scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(1,1fr 3fr 1fr);justify-content:space-evenly;place-items:center;width:100%;padding-top:.5rem;padding-bottom:.5rem;display:grid;overflow-x:scroll}.container.svelte-11asd2l::-webkit-scrollbar{display:none}.title.svelte-11asd2l:hover{cursor:pointer;text-decoration:underline}.item.svelte-11asd2l{border:none}.contrastFailed.svelte-11asd2l{color:red}.swatchColumn.svelte-11asd2l{flex-direction:column;align-items:center;display:flex}.swatchColumnHeader.svelte-11asd2l{flex-direction:column;align-items:flex-end;display:flex}.swatchAndName.svelte-11asd2l{flex-direction:column;align-items:center;display:flex}.swatchAndName.svelte-11asd2l:hover .swatchName:where(.svelte-11asd2l){text-decoration:underline}.swatchName.svelte-11asd2l{justify-self:center;margin-top:.5rem;margin-bottom:1rem;display:flex}.swatchName.svelte-11asd2l:hover{cursor:pointer}.nameSelected.svelte-11asd2l{text-decoration:underline}.swatches.svelte-11asd2l{flex-direction:row;place-items:center;display:flex}.swatch.svelte-11asd2l{color:var(--text);border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:4rem;height:2rem;margin:.2rem;display:flex}.swatch.svelte-11asd2l:hover{cursor:pointer;border-style:dotted;border-color:var(--border-color,var(--text))}.swatch.selected.svelte-11asd2l{border-style:solid;border-color:var(--border-color,var(--text))}.contrastSwatchContainer.svelte-11asd2l{color:var(--text);border:none;border-radius:4px;grid-template-columns:repeat(1,2fr 1fr);justify-content:center;align-items:center;width:4rem;height:2rem;margin:.2rem;display:grid;overflow:hidden}.contrastSwatch.svelte-11asd2l{border:0px dashed var(--text);color:var(--text);border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.contrastSwatchLeftSide.svelte-11asd2l,.contrastSwatchRightSide.svelte-11asd2l{width:100%;height:100%}.bgswatchrender.svelte-11asd2l{color:var(--text);border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:50%;display:flex}.header.svelte-11asd2l{justify-self:center;margin-top:.5rem;margin-bottom:1rem;text-decoration:underline;display:flex}.dummySwatch.svelte-11asd2l{border:0px dotted var(--border);color:var(--text);border-radius:4px;justify-content:center;align-items:center;width:4rem;height:2rem;margin:.2rem;display:flex}.twoColSplit.svelte-11asd2l{text-align:right;grid-template-columns:repeat(2,1fr);justify-content:space-between;place-items:center end;display:grid}.prevNextButtons.svelte-11asd2l{color:var(--text);border:none;border-radius:4px;flex-direction:row;place-content:center;place-items:center;margin-top:1rem;display:flex}.btn.svelte-11asd2l{border:none;width:100%;min-width:3rem;transition:transform .5s .5s}.btn.svelte-11asd2l:active{transform:scale(.9)}.btn.svelte-11asd2l:hover,.btn.isActive.svelte-11asd2l{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:color-mix(in srgb, var(--primary-hover) 30%, var(--text-muted));color:color-mix(in srgb, var(--primary-hover) 50%, var(--text-muted));transition:transform 50ms;transform:scale(.9)}.contrastSpanHolder.svelte-11asd2l{margin:.2rem}.contrastSpanMuted.svelte-11asd2l{color:var(--text-muted)}.contrastSpanBad.svelte-11asd2l{color:red;text-decoration:line-through}.contrastSpanDecent.svelte-11asd2l{color:var(--text-warn)}.contrastSpanNearBad.svelte-11asd2l{color:var(--text-warn);text-decoration:underline}.previewContainer.svelte-1izhat0{border:2px solid var(--text);border-radius:4px;flex-direction:column;display:inline-flex;overflow:hidden}.icons.svelte-1izhat0{border-bottom:2px solid var(--text);flex-direction:row;display:flex}.smallIcon.svelte-1izhat0{border:none;border-radius:0;margin:0;padding:.2rem .6rem}.canvasWrapper.svelte-1izhat0{cursor:crosshair;display:inline-block;position:relative}.preview.svelte-1izhat0{object-fit:contain;max-width:100%;display:block}.colorCursor.svelte-1izhat0{border:2px solid var(--text);pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}.colorLabel.svelte-1izhat0{background:var(--surface);border:1px solid var(--text);pointer-events:none;white-space:nowrap;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;position:absolute;transform:translate(12px,-50%)}.dropzoneSmall.svelte-1izhat0{border-left:2px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:0;width:100%;margin:0;padding:.3rem}.dropzoneSmall.svelte-1izhat0:hover{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:color-mix(in srgb, var(--primary-hover) 30%, var(--text-muted));color:color-mix(in srgb, var(--primary-hover) 50%, var(--text-muted))}.container.svelte-9irvtm{border:none;grid-template-columns:5rem 1px 1fr;align-items:center;gap:1rem .75rem;min-width:10rem;max-width:100%;padding:1rem;display:grid}.row.svelte-9irvtm{display:contents}.row-label.svelte-9irvtm{text-align:right;white-space:normal;word-wrap:break-word;letter-spacing:.02em;text-transform:capitalize;color:var(--text-secondary,var(--text));opacity:.85;margin:0;font-size:.85rem;font-weight:500;line-height:1.15}.divider.svelte-9irvtm{background:var(--border);align-self:stretch;width:1px}.swatchpalette.svelte-9irvtm{flex-flow:wrap;justify-content:center;gap:0;min-width:0;margin:0;padding:0;display:flex}.swatch.svelte-9irvtm{aspect-ratio:1;cursor:pointer;min-width:1.7rem;margin:0;padding:0}.empty-message.svelte-9irvtm{text-align:center;grid-column:1/-1}.swatch.hovered.svelte-9irvtm{outline:2px dotted var(--outline-color,var(--text));outline-offset:-2px}.swatch.selected.svelte-9irvtm{outline:2px solid var(--outline-color,var(--text));outline-offset:-2px}.container.svelte-spampy{border:0px solid var(--border);border-radius:1.5rem;flex-direction:column;align-items:center;min-width:15rem;max-width:100%;margin-top:1rem;padding:1rem;display:flex}.previewAndOptions.svelte-spampy{flex-direction:row;align-items:flex-start;gap:1rem;width:100%;display:flex}.otherSpace.svelte-spampy{border:2px solid var(--text);border-radius:4px;flex-direction:column;flex:1;justify-content:flex-start;align-self:stretch;align-items:flex-start;padding-left:1rem;padding-right:1rem;display:flex}.dropzone.svelte-spampy{border:2px dashed var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:1.5rem;margin:2rem;padding:2rem}.dropzone.svelte-spampy:hover{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:color-mix(in srgb, var(--primary-hover) 30%, var(--text-muted));color:color-mix(in srgb, var(--primary-hover) 50%, var(--text-muted))}.dropzone.active.svelte-spampy{border-color:var(--primary-hover);color:var(--primary-hover)}.prevNextButtons.svelte-spampy{color:var(--text);border:none;border-radius:4px;flex-direction:row;place-content:center;place-items:center;margin-top:1rem;display:flex}.btn.svelte-spampy{width:100%;min-width:3rem}.container.svelte-1nyk2rz{border:none;grid-template-columns:7rem 1px 1fr;align-items:center;gap:1rem .75rem;min-width:10rem;max-width:100%;padding:1rem;display:grid}.row.svelte-1nyk2rz{display:contents}.row-label.svelte-1nyk2rz{text-align:right;white-space:normal;word-wrap:break-word;letter-spacing:.02em;color:var(--text-secondary,var(--text));opacity:.85;margin:0;font-size:.85rem;font-weight:500;line-height:1.15}.divider.svelte-1nyk2rz{background:var(--border);align-self:stretch;width:1px}.swatchpalette.svelte-1nyk2rz{flex-flow:wrap;justify-content:flex-start;gap:0;min-width:0;margin:0;padding:0;display:flex}.swatch.svelte-1nyk2rz{aspect-ratio:1;cursor:pointer;flex:none;width:1.7rem;margin:0;padding:0;transition:outline .1s}.swatch.svelte-1nyk2rz:hover{z-index:1}.swatch.hovered.svelte-1nyk2rz{outline:2px dotted var(--outline-color,var(--text));outline-offset:-2px}.swatch.selected.svelte-1nyk2rz{outline:2px solid var(--outline-color,var(--text));outline-offset:-2px}.hexRow.svelte-1nyk2rz{align-items:center;gap:.35rem;display:flex}.copiedLabel.svelte-1nyk2rz{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem;line-height:1.7rem}.hexInput.svelte-1nyk2rz{font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;width:7ch;height:1.7rem;padding:0 .5rem;font-size:.85rem}.hexInput.svelte-1nyk2rz:focus{border-color:var(--text);outline:none}.copyBtn.svelte-1nyk2rz{background:var(--surface);border:0px solid var(--border);width:1.9rem;height:1.9rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition-time), border-color var(--transition-time);border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.copyBtn.svelte-1nyk2rz:hover{color:var(--text);border-color:var(--text);border:1px solid var(--border)}.copyBtn.svelte-1nyk2rz:active{transform:scale(.9)}.pickerContainer.svelte-119ax4f{border:none;border-radius:4px;flex-direction:column;margin:2rem 1rem 1rem;display:flex;overflow:hidden}.previewAndOptions.svelte-119ax4f{flex-direction:row;align-items:start;gap:1rem;width:100%;display:flex}.preview.svelte-119ax4f{object-fit:contain;background-color:var(--surface);border:none;align-self:center;margin:0;padding:1rem;display:block}.preview.svelte-119ax4f:hover{cursor:pointer}.previewContainer.svelte-119ax4f{border:2px solid var(--text);border-radius:4px;flex-direction:column;display:inline-flex;overflow:hidden}.icons.svelte-119ax4f{border-bottom:2px solid var(--text);flex-direction:row;display:flex}.smallIcon.svelte-119ax4f{border:none;border-radius:0;margin:0;padding:.2rem .6rem}.otherSpace.svelte-119ax4f{border:2px solid var(--text);scrollbar-width:none;-ms-overflow-style:none;border-radius:4px;flex-direction:column;flex:1;justify-content:flex-start;align-self:stretch;align-items:flex-start;padding:1rem;display:flex;overflow:scroll}.otherSpace.svelte-119ax4f::-webkit-scrollbar{display:none}.dropzoneSmall.svelte-119ax4f{border-left:2px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:0;width:100%;margin:0;padding:.3rem}.dropzoneSmall.svelte-119ax4f:hover{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:color-mix(in srgb, var(--primary-hover) 30%, var(--text-muted));color:color-mix(in srgb, var(--primary-hover) 50%, var(--text-muted))}.prevNextButtons.svelte-119ax4f{color:var(--text);border:none;border-radius:4px;flex-direction:row;place-content:center;place-items:center;margin-top:1rem;display:flex}.btn.svelte-119ax4f{width:100%;min-width:3rem}.fromImageOptions.svelte-1or15xz{grid-template-columns:repeat(1,1fr 1fr);display:grid}.hidden.svelte-1or15xz{display:none}.toolbar.svelte-1fph97g{align-self:center;gap:.75rem;max-width:50rem;margin:2rem 2rem .75rem;display:flex}.actionBtn.svelte-1fph97g{background:var(--surface);border:1px solid var(--border);border-radius:var(--bradius);color:var(--text-muted);cursor:pointer;transition:color var(--transition-time), border-color var(--transition-time);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:500;display:flex}.actionBtn.svelte-1fph97g:hover{color:var(--primary-hover);border-color:var(--primary-hover)}.actionBtn.svelte-1fph97g:active{transform:scale(.95)}.editor.svelte-1fph97g{border:1px solid var(--border);background-color:var(--surface);border-radius:var(--bradius);flex-direction:column;align-self:center;width:auto;max-width:50rem;margin:2rem;display:flex;overflow:hidden}.titlebar.svelte-1fph97g{border-bottom:1px solid var(--border);background-color:var(--surface);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.filename.svelte-1fph97g{text-align:center;color:var(--text-muted);letter-spacing:.02em;flex:1;font-size:.85rem}.body.svelte-1fph97g{background-color:var(--bg);--line-h:1.5rem;flex-direction:row;align-items:stretch;min-height:60vh;max-height:70vh;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8rem;display:flex;overflow:scroll}.gutter.svelte-1fph97g{text-align:right;color:var(--text-muted);background-color:var(--bg);border-right:1px solid var(--border);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;padding:.75rem .6rem .75rem .75rem;display:flex}.lineNo.svelte-1fph97g{height:var(--line-h);line-height:var(--line-h)}.code.svelte-1fph97g{line-height:var(--line-h);color:var(--text);white-space:pre;tab-size:2;cursor:text;-webkit-user-select:text;user-select:text;flex:auto;margin:0;padding:.75rem 1rem}.code.svelte-1fph97g .comment{color:var(--primary-hover)}.shell.svelte-6lw52{background:var(--bg);width:100%;min-height:100vh;color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:row;display:flex;overflow:visible}.col.svelte-6lw52{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:1rem;min-width:0;padding:1rem;display:flex;overflow:visible}.pane.svelte-6lw52{background:var(--bg);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:0;align-self:flex-start;width:100%;height:100%;max-height:100vh;display:flex;position:sticky;top:0;overflow:scroll}.pane.svelte-6lw52::-webkit-scrollbar{display:none}.pane-focused.svelte-6lw52{outline:0px solid var(--primary-hover);outline-offset:-2px}.topToolbarSticky.svelte-6lw52{text-transform:uppercase;letter-spacing:.08em;color:var(--text);z-index:100;flex-shrink:0;align-self:flex-start;width:100%;font-size:.6875rem;font-weight:600;position:sticky;top:0}.pane-bottom.svelte-6lw52{background:var(--bg);border:0px solid var(--border);border-radius:var(--bradius);background:var(--surface);flex-direction:column;flex-shrink:0;display:flex;overflow:visible}.pane-header.svelte-6lw52{text-transform:uppercase;letter-spacing:.08em;background:var(--surface);color:var(--text);border:0px solid var(--border);border-radius:var(--bradius);outline:1px solid var(--surface);outline-offset:-2px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.375rem 1rem;font-size:.6875rem;font-weight:600;transition:outline-color .15s;display:flex}.pane-body.svelte-6lw52{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:.375rem;min-height:0;padding:.625rem .875rem;display:flex;overflow-y:scroll}.pane-body.svelte-6lw52::-webkit-scrollbar{display:none}.pane-body-bottom.svelte-6lw52{flex-direction:column;flex:1;gap:.375rem;min-height:0;padding:0 .875rem;display:flex;overflow-y:visible}.hidden.svelte-6lw52{display:none}.pane-body.svelte-6lw52>*{flex-shrink:0}.eye-btn.svelte-6lw52{cursor:pointer;color:var(--primary);stroke-width:2px;background:0 0;border:none;align-items:center;width:1.2rem;height:1.2rem;padding:0;transition:color .15s;display:flex}.eye-btn.svelte-6lw52 svg{width:100%;height:100%;display:block}.eye-btn.svelte-6lw52:hover,.pane-header.svelte-6lw52:hover .eye-btn:where(.svelte-6lw52){color:var(--primary-hover)}.pane-header.svelte-6lw52:hover{cursor:pointer;outline:1px solid var(--primary-hover);outline-offset:-1px}.divider.svelte-6lw52{background-color:var(--surface);transition:background-color var(--transition-time);flex-shrink:0}.divider.svelte-6lw52:not(.divider-static):hover,.divider.active.svelte-6lw52{background-color:var(--primary-hover)}.divider-h.svelte-6lw52{width:var(--divider-size);cursor:col-resize}.container.svelte-9wct27{margin:2rem;padding:2rem}.overlay.svelte-yoa308{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.overlay-content.svelte-yoa308{background:#080812;border-radius:8px;flex-direction:column;width:90%;height:95%;display:flex;overflow:hidden}.overlay-nav.svelte-yoa308{flex-shrink:0;justify-content:flex-end;align-items:center;padding:.75rem 1rem;display:flex}.header.svelte-yoa308{color:#ddd;text-align:center;margin:0 0 1.5rem}.close-btn.svelte-yoa308{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;transition:background .15s,color .15s;display:flex}.close-btn.svelte-yoa308:hover{color:#fff}.overlay-body.svelte-yoa308{flex-direction:column;flex:1;align-items:center;min-height:0;padding:1rem 1.5rem 2rem;display:flex;overflow-y:auto}.center-body.svelte-yoa308{justify-content:center;gap:1rem}.scroll-body.svelte-yoa308{justify-content:flex-start}.action-btn.svelte-yoa308{color:#fff;cursor:pointer;background:#0072ab;border:3px solid #0072ab;width:auto;margin:.5rem;padding:.6rem 1.5rem;font-size:1.1rem}.action-btn.svelte-yoa308:hover{background:#0090dd;border:3px solid #fff}.quickTutorialGrid.svelte-yoa308{flex-direction:column;gap:1rem;width:100%;max-width:1280px;margin:0 auto 4rem;display:flex}.tutorialRow.svelte-yoa308{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:row;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex}.stepBadge.svelte-yoa308{color:#fff;background:#0072ab;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.tutorialImg.svelte-yoa308{object-fit:contain;background:#00000059;border-radius:6px;flex-shrink:0;width:640px;height:480px;margin-right:1rem}.tutorialText.svelte-yoa308{color:#f0f0f0;flex:1}.tutorialText.svelte-yoa308 h3:where(.svelte-yoa308){color:#fafafa;margin:0 0 .25rem}.tutorialText.svelte-yoa308 p:where(.svelte-yoa308){color:#ebebeb;margin:0;font-size:1rem;line-height:1.5}.walk-body.svelte-yoa308{justify-content:center;gap:1.5rem;overflow:hidden}.walkStage.svelte-yoa308{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:0;display:flex}.walkImg.svelte-yoa308{object-fit:contain;background:#00000059;border-radius:8px;flex:1;min-width:0;max-width:100%;max-height:100%}.walkArrow.svelte-yoa308{color:#fff;cursor:pointer;background:#0072ab;border:3px solid #0072ab;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2rem;line-height:1;transition:background .15s,border-color .15s,opacity .15s;display:flex}.walkArrow.svelte-yoa308:hover:not(:disabled){background:#0090dd;border-color:#fff}.walkArrow.svelte-yoa308:disabled{opacity:.3;cursor:default}.walkFooter.svelte-yoa308{flex-shrink:0;align-items:center;gap:1rem;display:flex}.walkCounter.svelte-yoa308{color:#dcdcdc;text-align:center;min-width:3.5rem;font-size:1rem}