.guide-section.svelte-rqe6hv{padding:48px 0}.guide-section.svelte-rqe6hv+.guide-section:where(.svelte-rqe6hv){border-top:1px solid var(--g-line)}.dark .swatch.svelte-rqe6hv{border-color:var(--g-line)}.swatch.svelte-rqe6hv{border:1px solid #100d090f;border-radius:16px;flex-direction:column;min-height:200px;padding:16px;display:flex}.copy-btn.svelte-rqe6hv{width:32px;height:32px;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:-6px -6px 0 0;transition:background-color .2s;display:flex}.copy-btn.svelte-rqe6hv:hover{background:color-mix(in srgb, currentColor 20%, transparent)}.copy-btn.svelte-rqe6hv:focus-visible{outline-offset:2px;outline:2px solid}.img-examples-grid.svelte-rqe6hv{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:639px){.img-examples-grid.svelte-rqe6hv{grid-template-columns:1fr}}.img-example.svelte-rqe6hv{border:2px solid #0000;border-radius:10px;margin:0;position:relative;overflow:hidden}.img-example--do.svelte-rqe6hv{border-color:#00d97e}.img-example--dont.svelte-rqe6hv{border-color:#ef4444}.img-example--neutral.svelte-rqe6hv{border-color:var(--g-line)}.img-contain.svelte-rqe6hv{background:#fff;padding:24px;object-fit:contain!important}.img-example.svelte-rqe6hv img:where(.svelte-rqe6hv){aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.img-example__badge.svelte-rqe6hv{z-index:1;position:absolute;top:10px;left:10px}.badge.svelte-rqe6hv{letter-spacing:.02em;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge--do.svelte-rqe6hv{color:#111;background:#00d97e}.badge--dont.svelte-rqe6hv{color:#fff;background:#ef4444}.img-example.svelte-rqe6hv figcaption:where(.svelte-rqe6hv){color:var(--g-muted);background:var(--g-surface);border-top:1px solid var(--g-line);padding:10px 12px;font-size:13px}.glare-preview.svelte-rqe6hv{border:1px solid var(--g-line);background:#111;border-radius:10px;margin-top:24px;margin-bottom:16px;overflow:hidden}.glare-preview.svelte-rqe6hv img:where(.svelte-rqe6hv){aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.download-row.svelte-rqe6hv{gap:10px;display:flex}.download-btn.svelte-rqe6hv{border:1px solid var(--g-line);color:var(--g-ink);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-block}.download-btn.svelte-rqe6hv:hover{border-color:#00d97e}.section-link.svelte-rqe6hv{color:#00d97e;margin-top:10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.section-link.svelte-rqe6hv:hover{text-decoration:underline}