.try-example-row.svelte-1xqimdn{margin-bottom:.75rem}.top-section.svelte-1xqimdn{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=768px){.top-section.svelte-1xqimdn{grid-template-columns:1fr}}.inputs-container.svelte-1xqimdn{grid-template-columns:1fr;gap:1rem;display:grid}.contrast-preview-card.svelte-1xqimdn{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:1rem;padding:1rem 1.1rem;display:flex}.contrast-preview-content.svelte-1xqimdn{flex-direction:column;gap:.75rem;display:flex}.preview-sample.svelte-1xqimdn{border-radius:var(--radius-lg);text-align:center;justify-content:center;align-items:center;min-height:80px;padding:1.5rem;font-size:1.1rem;font-weight:600;display:flex}.preview-stats.svelte-1xqimdn{flex-direction:column;gap:.5rem;display:flex}.stat-item.svelte-1xqimdn{justify-content:space-between;align-items:center;display:flex}.stat-label.svelte-1xqimdn{color:var(--color-muted);font-size:.85rem;font-weight:600}.stat-value.svelte-1xqimdn{color:var(--color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:700}.wcag-badges.svelte-1xqimdn{flex-wrap:wrap;gap:.5rem;display:flex}.badge.svelte-1xqimdn{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);padding:.35rem .65rem;font-size:.75rem;font-weight:600}.badge.pass.svelte-1xqimdn{background:var(--color-ok-bg,#22c55e1a);border-color:var(--color-ok);color:var(--color-ok)}.preview-actions.svelte-1xqimdn{flex-direction:column;gap:.5rem;display:flex}.dashboard-grid.svelte-1xqimdn{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=768px){.dashboard-grid.svelte-1xqimdn{grid-template-columns:1fr}}.left-column.svelte-1xqimdn{flex-direction:column;gap:1rem;display:flex}.right-column.svelte-1xqimdn{flex-direction:column;gap:1rem;max-height:60vh;padding-right:.5rem;display:flex;overflow-y:auto}.right-column.svelte-1xqimdn::-webkit-scrollbar{width:6px}.right-column.svelte-1xqimdn::-webkit-scrollbar-track{background:0 0}.right-column.svelte-1xqimdn::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.right-column.svelte-1xqimdn::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.export-details.svelte-1xqimdn{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);padding:1rem 1.1rem}.export-summary.svelte-1xqimdn{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.export-summary.svelte-1xqimdn::-webkit-details-marker{display:none}.export-summary.svelte-1xqimdn h2:where(.svelte-1xqimdn){flex:1;margin:0;font-size:1rem;font-weight:700}.export-summary.svelte-1xqimdn:before{content:"▸";min-width:1.2rem;font-size:1.2rem;line-height:1;transition:transform .2s;display:inline-block}.export-details[open].svelte-1xqimdn .export-summary:where(.svelte-1xqimdn):before{transform:rotate(90deg)}.export-content.svelte-1xqimdn{max-height:400px;margin-top:.75rem;overflow-y:auto}.export-content.svelte-1xqimdn pre:where(.svelte-1xqimdn){border-radius:var(--radius-lg);background:var(--color-surface-2);max-width:100%;margin:0;padding:1rem;font:.82rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.color-card.svelte-1xqimdn,.suggestion-card.svelte-1xqimdn,.section-card.svelte-1xqimdn{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);padding:1rem 1.1rem}.color-card.svelte-1xqimdn h2:where(.svelte-1xqimdn),.section-card.svelte-1xqimdn h2:where(.svelte-1xqimdn),.suggestion-card.svelte-1xqimdn h2:where(.svelte-1xqimdn){margin-bottom:.75rem;font-size:1rem;font-weight:700}.picker-row.svelte-1xqimdn{align-items:center;gap:.75rem;display:flex}.picker-row.svelte-1xqimdn input[type=color]:where(.svelte-1xqimdn){cursor:pointer;background:0 0;border:none;width:64px;height:48px}.hex-input-group.svelte-1xqimdn{flex-direction:column;flex:1;gap:.3rem;display:flex}.hex-label.svelte-1xqimdn{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.picker-row.svelte-1xqimdn input[type=text]:where(.svelte-1xqimdn){border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);flex:1;padding:.65rem .8rem;font:.9rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.error-msg.svelte-1xqimdn{color:var(--color-danger);margin:1rem 0;font-size:.9rem;font-weight:600}.suggestion-card.svelte-1xqimdn{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=640px){.suggestion-card.svelte-1xqimdn{flex-direction:column;align-items:flex-start}.suggestion-card.svelte-1xqimdn button:where(.svelte-1xqimdn){align-self:flex-start}}.conversions-grid.svelte-1xqimdn,.palette-grid.svelte-1xqimdn{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}@media (width<=640px){.conversions-grid.svelte-1xqimdn,.palette-grid.svelte-1xqimdn{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (width<=375px){.conversions-grid.svelte-1xqimdn,.palette-grid.svelte-1xqimdn{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.conversion-item.svelte-1xqimdn,.swatch-card.svelte-1xqimdn{border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);padding:.85rem}.conversion-item.svelte-1xqimdn span:where(.svelte-1xqimdn),.swatch-card.svelte-1xqimdn span:where(.svelte-1xqimdn){color:var(--color-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.conversion-item.svelte-1xqimdn code:where(.svelte-1xqimdn){word-break:break-word;font-size:.88rem}.swatch.svelte-1xqimdn{border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:flex-end;height:110px;padding:.75rem;font:.8rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:opacity .2s;display:flex}.swatch.svelte-1xqimdn:hover{opacity:.85}.swatch.svelte-1xqimdn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=640px){.swatch.svelte-1xqimdn{height:80px}}.section-head.svelte-1xqimdn{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.section-card.svelte-1xqimdn{min-width:0}.btn-secondary.copied.svelte-1xqimdn{border-color:var(--color-ok);color:var(--color-ok)}.btn-copy-small.svelte-1xqimdn{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;font-size:1rem;transition:opacity .2s;display:inline-flex}@media (hover:none) and (pointer:coarse){.btn-copy-small.svelte-1xqimdn{min-width:48px;min-height:48px;padding:.5rem}}.btn-copy-small.svelte-1xqimdn:hover{opacity:.7}.btn-copy-small.svelte-1xqimdn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-copy-small.copied.svelte-1xqimdn{opacity:1}