.color-mode-grid.svelte-11twtwa{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.color-mode-card.svelte-11twtwa{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-top:4px solid var(--color-mode-accent,var(--bs-border-color));border-radius:.75rem;padding:1.5rem}.color-mode-card.svelte-11twtwa p:where(.svelte-11twtwa){margin-bottom:.75rem}.color-mode-card.svelte-11twtwa ul:where(.svelte-11twtwa){margin:0;padding-left:1.25rem}.color-mode-card.svelte-11twtwa ul:where(.svelte-11twtwa) li:where(.svelte-11twtwa){margin-bottom:.35rem;font-size:.95rem}.color-mode-card__header.svelte-11twtwa{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1rem;display:flex}.color-mode-card__header.svelte-11twtwa i:where(.svelte-11twtwa){color:var(--color-mode-accent);font-size:1.5rem}.color-mode-card__header.svelte-11twtwa h3:where(.svelte-11twtwa){color:var(--color-mode-accent);margin:0;font-size:1.5rem;font-weight:700}.color-mode-card__subtitle.svelte-11twtwa{color:var(--bs-secondary-color);flex-basis:100%;font-size:.85rem}.color-mode-card--rgb.svelte-11twtwa{--color-mode-accent:var(--bs-blue)}.color-mode-card--cmyk.svelte-11twtwa{--color-mode-accent:var(--bs-primary)}.conversion-tutorials.svelte-11twtwa{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0;display:grid}@media (width<=767px){.conversion-tutorials.svelte-11twtwa{grid-template-columns:1fr}}.tutorial-card.svelte-11twtwa{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.75rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.tutorial-card.svelte-11twtwa:hover{border-color:var(--bs-primary);box-shadow:0 4px 12px #0000000f}.tutorial-card.svelte-11twtwa ol:where(.svelte-11twtwa){margin:0;padding-left:1.25rem}.tutorial-card.svelte-11twtwa ol:where(.svelte-11twtwa) li:where(.svelte-11twtwa){font-size:.9rem;line-height:calc(var(--bs-body-line-height) * 1.067);margin-bottom:.5rem}.tutorial-card__header.svelte-11twtwa{border-bottom:1px solid var(--bs-border-color);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.tutorial-card__header.svelte-11twtwa h4:where(.svelte-11twtwa){margin:0 0 .15rem;font-size:1.1rem;font-weight:600}.tutorial-card__subtitle.svelte-11twtwa{color:var(--bs-secondary-color);font-size:.8rem}.tutorial-card__logo.svelte-11twtwa{object-fit:contain;flex-shrink:0;width:44px;height:44px;display:block}.tutorial-card__badge.svelte-11twtwa{letter-spacing:-.02em;background:rgba(var(--bs-black-rgb), .85);border:2px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex}.tutorial-card__badge--corel.svelte-11twtwa{color:var(--bs-success);font-size:.85rem}@media (width<=575px){.color-mode-card.svelte-11twtwa,.tutorial-card.svelte-11twtwa{padding:1.25rem}}