.cs-logotool{gap:var(--cs-space-5);flex-direction:column;display:flex}.cs-logotool__drop{align-items:center;gap:var(--cs-space-3);padding:var(--cs-space-8) var(--cs-space-5);border:1px dashed var(--cs-border-strong);border-radius:var(--cs-radius-lg);background:var(--cs-inset);text-align:center;transition:border-color var(--cs-duration-fast) var(--cs-ease);flex-direction:column;display:flex}.cs-logotool__drop.is-dragging{border-color:var(--cs-accent-soft)}.cs-logotool__drop label{cursor:pointer}.cs-logotool__hint{max-width:var(--cs-prose-max);font-size:var(--cs-text-sm);color:var(--cs-text-muted);line-height:var(--cs-leading-relaxed)}.cs-logotool__error{padding:var(--cs-space-3) var(--cs-space-4);border-inline-start:3px solid var(--cs-accent-soft);border-radius:var(--cs-radius-md);background:var(--cs-inset);font-size:var(--cs-text-sm);color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.cs-logotool__canvas{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background-color:var(--cs-inset);background-image:linear-gradient(45deg, var(--cs-border) 25%, transparent 25%), linear-gradient(-45deg, var(--cs-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cs-border) 75%), linear-gradient(-45deg, transparent 75%, var(--cs-border) 75%);max-width:100%;height:auto;image-rendering:pixelated;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;align-self:start}.cs-logotool__canvas.is-empty{display:none}.cs-logotool__count{max-width:var(--cs-prose-max);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-logotool__count strong{color:var(--cs-text-strong)}.cs-logotool__swatches{gap:var(--cs-space-3);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-logotool__swatch{justify-content:flex-end;gap:var(--cs-space-1);width:100%;min-height:108px;padding:var(--cs-space-3);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);cursor:pointer;text-align:start;font-size:var(--cs-text-sm);flex-direction:column;display:flex}.cs-logotool__hex{font-weight:600}.cs-logotool__share{font-size:var(--cs-text-xs);opacity:.75}.cs-logotool__actions{gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-logotool__override{padding-top:var(--cs-space-2);border-top:1px solid var(--cs-border)}.cs-logotool__override summary{min-height:var(--cs-touch-target);cursor:pointer;font-size:var(--cs-text-sm);color:var(--cs-text-muted);align-items:center;display:flex}.cs-logotool__override p{max-width:var(--cs-prose-max);margin-bottom:var(--cs-space-3);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-muted)}.cs-logotool__counts{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-logotool__countbtn{min-width:var(--cs-touch-target);min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;background:0 0}.cs-logotool__countbtn[aria-pressed=true]{background:var(--cs-plate);border-color:var(--cs-plate);color:var(--cs-plate-ink)}@media (prefers-reduced-motion:reduce){.cs-logotool__drop{transition:none}}.cs-crumbs[data-astro-cid-ccdyflxe]{gap:var(--cs-space-2);padding-block:var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--cs-text-faint);flex-wrap:wrap;display:flex}.cs-crumbs[data-astro-cid-ccdyflxe] a[data-astro-cid-ccdyflxe],.cs-crumbs[data-astro-cid-ccdyflxe] [data-astro-cid-ccdyflxe][aria-current=page]{color:var(--cs-text-muted)}.cs-index-head[data-astro-cid-ccdyflxe]{gap:var(--cs-space-4);padding-block:var(--cs-space-4) var(--cs-space-8);flex-direction:column;display:flex}.cs-index-head[data-astro-cid-ccdyflxe] h1[data-astro-cid-ccdyflxe]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-index-head[data-astro-cid-ccdyflxe] h1[data-astro-cid-ccdyflxe]{font-size:var(--cs-text-2xl)}}.cs-index-head[data-astro-cid-ccdyflxe] p[data-astro-cid-ccdyflxe]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.cs-logoprose[data-astro-cid-ccdyflxe] p[data-astro-cid-ccdyflxe]{margin-bottom:var(--cs-space-4);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}