.palette-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.palette-drop-zone{border:2px dashed var(--border);padding:2rem 1.25rem;text-align:center;transition:border-color .2s,background .2s}.palette-drop-zone.drag-over{border-color:var(--primary);background:var(--soft)}.palette-upload-label{display:grid;gap:.4rem;cursor:pointer}.palette-upload-label strong{font-size:1.15rem;color:var(--primary)}.palette-upload-label span,.palette-file-meta span{color:var(--muted)}.palette-preview-panel{display:grid;gap:.9rem;padding:1rem}.palette-preview-panel img{width:100%;max-height:26rem;object-fit:contain;border-radius:.65rem;background:#eef2f7;border:1px solid var(--border)}.palette-file-meta{display:grid;gap:.2rem;overflow-wrap:anywhere}.palette-results{padding:1rem}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.palette-color-card{overflow:hidden;border:1px solid var(--border);border-radius:.7rem;background:#fff}.palette-swatch{display:block;width:100%;height:5rem}.palette-color-actions{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.55rem}.palette-color-actions strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.palette-color-actions .copy-button{padding:.35rem .55rem}.palette-contrast-handoff{display:grid;gap:.8rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:.7rem;background:var(--soft)}.palette-contrast-handoff[hidden]{display:none}.palette-contrast-handoff p{margin:.25rem 0 0;color:var(--muted)}.palette-pair-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:.7rem;align-items:end}.palette-pair-controls .button{white-space:nowrap}.palette-output{min-height:9rem}.palette-hero-row{display:grid;grid-template-columns:repeat(4,1fr);height:8rem;overflow:hidden;border-radius:.7rem}.palette-hero-row span:nth-child(1){background:#0b3a75}.palette-hero-row span:nth-child(2){background:#2f80ed}.palette-hero-row span:nth-child(3){background:#f2c94c}.palette-hero-row span:nth-child(4){background:#eb5757}@media(max-width:850px){.palette-layout{grid-template-columns:1fr}.palette-preview-panel img{max-height:20rem}}@media(max-width:620px){.palette-options,.palette-pair-controls{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-color-actions{align-items:stretch;flex-direction:column}.palette-color-actions .copy-button,.palette-pair-controls .button{width:100%}}