.page.svelte-cag1ql{padding:var(--space-xl);max-width:1400px}.back-link.svelte-cag1ql,.source.svelte-cag1ql{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:.8125rem}.back-link.svelte-cag1ql:hover,.source.svelte-cag1ql:hover{color:var(--color-accent)}.detail-layout.svelte-cag1ql{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--space-xl);margin-top:var(--space-lg)}.swatch-strip.svelte-cag1ql{display:flex;min-height:340px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.swatch.svelte-cag1ql{flex:1;border:0;min-width:28px;display:flex;align-items:end;justify-content:center;padding:var(--space-sm)}.swatch.svelte-cag1ql:hover{box-shadow:inset 0 0 0 2px #ffffffa6}.swatch.svelte-cag1ql span:where(.svelte-cag1ql){display:inline-flex;gap:4px;align-items:center;padding:4px 7px;border-radius:var(--radius-md);background:#000000a6;color:#fff;font-size:.7rem}.color-list.svelte-cag1ql{margin-top:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.color-row.svelte-cag1ql{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border)}.color-row.svelte-cag1ql:last-child{border-bottom:0}.dot.svelte-cag1ql{width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border);flex:none}.color-row.svelte-cag1ql button:where(.svelte-cag1ql),.actions.svelte-cag1ql button:where(.svelte-cag1ql),.title-row.svelte-cag1ql button:where(.svelte-cag1ql){display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted)}.color-row.svelte-cag1ql button:where(.svelte-cag1ql):hover,.actions.svelte-cag1ql button:where(.svelte-cag1ql):hover{color:var(--color-text)}.title-row.svelte-cag1ql{display:flex;align-items:start;justify-content:space-between;gap:var(--space-sm)}h1.svelte-cag1ql{margin:0;font-size:1.75rem}.title-row.svelte-cag1ql button:where(.svelte-cag1ql){padding:7px;border:1px solid var(--color-border);border-radius:50%}.title-row.svelte-cag1ql button.starred:where(.svelte-cag1ql){color:var(--color-warning)}.title-row.svelte-cag1ql button.starred:where(.svelte-cag1ql) svg{fill:currentColor}.meta-grid.svelte-cag1ql{margin:var(--space-lg) 0;display:grid;gap:var(--space-sm)}.meta-grid.svelte-cag1ql div:where(.svelte-cag1ql){display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs)}.meta-grid.svelte-cag1ql span:where(.svelte-cag1ql){color:var(--color-text-muted);font-size:.75rem}.export-row.svelte-cag1ql{margin-top:var(--space-xs)}.actions.svelte-cag1ql{display:grid;gap:var(--space-xs);margin-top:var(--space-lg)}.actions.svelte-cag1ql button:where(.svelte-cag1ql){justify-content:center;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tags.svelte-cag1ql{display:flex;flex-wrap:wrap;gap:5px;margin-top:var(--space-lg)}.tags.svelte-cag1ql span:where(.svelte-cag1ql){padding:3px 7px;background:var(--color-bg-overlay);border-radius:999px;font-size:.6875rem;color:var(--color-text-muted)}@media(max-width:760px){.detail-layout.svelte-cag1ql{grid-template-columns:1fr}.swatch-strip.svelte-cag1ql{min-height:240px}.color-row.svelte-cag1ql{flex-wrap:wrap}}@media(pointer:coarse){.back-link.svelte-cag1ql{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-sm);margin-left:calc(var(--space-sm) * -1)}}