.color-logo{text-decoration:none}.color-title{font-weight:500}.color-error{color:#dc2626}.color-status{text-align:center}.color-result{flex-direction:column;align-items:center;gap:16px;display:flex}.color-preview-wrap{max-width:100%;position:relative}.color-drop-overlay{border:2px dashed var(--accent);pointer-events:none;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-h);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:500;display:flex;position:absolute;inset:0}.color-drop-overlay svg{color:var(--accent)}.color-preview{border-radius:12px;max-width:100%;max-height:70svh;display:block}.color-result .download-primary{text-decoration:none}.color-result .start-over-button svg{transition:transform .5s}.color-result .start-over-button:hover:not(:disabled) svg{animation:none;transform:rotate(-360deg)}@media (prefers-reduced-motion:reduce){.color-result .start-over-button svg{transition:none}}.color-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:36px;display:grid}.color-help h2{margin:0 0 6px;font-size:1rem;font-weight:600;line-height:1.4}.color-help p,.color-help ol{margin:0;font-size:.85rem;line-height:1.6}.color-help ol{padding-left:1.25em}.color-help li+li{margin-top:4px}@media (width<=600px){.color-help{grid-template-columns:1fr;gap:20px}}