.dropzone{display:flex;align-items:center;justify-content:center;min-height:96px;border:1px dashed var(--panel-light-border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer}.dropzone.dragging{border-color:var(--accent);color:var(--accent)}.upload-card{position:relative}.upload-progress{position:absolute;top:16px;right:16px;margin:0}.twin{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.twin{grid-template-columns:1fr}}.meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:32px;width:100%}.meta p{margin:0}.variants{display:flex;flex-direction:column;align-items:center;gap:6px}.variant-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.variant{width:124px;padding:8px;border:2px solid transparent;cursor:pointer}.variant .zoom-btn{opacity:0}.variant:hover .zoom-btn,.variant .zoom-btn:focus-visible{opacity:1}.variant.is-active{border-color:var(--accent)}.variant.is-bad{opacity:.6}.variant .cell-stage{height:92px}.variant canvas{max-width:100%;max-height:100%;object-fit:contain}.candidates{display:flex;flex-direction:column;align-items:center;gap:6px}.candidate-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.candidate{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:124px;padding:8px;border:2px solid transparent;border-radius:var(--radius);background:var(--panel-dark);color:var(--panel-dark-text);cursor:pointer}.candidate.is-winner:not(.is-active){border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.candidate.is-active{border-color:var(--accent)}.candidate.is-bad{opacity:.6}.candidate-badges{position:absolute;top:2px;right:2px;display:flex;gap:2px}.candidate-stage{display:flex;align-items:center;justify-content:center;width:92px;height:92px;overflow:hidden}.candidate-stage img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.candidate-score{min-height:15px}#original-img,#dark-img{cursor:zoom-in}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.format-switch{display:flex;gap:4px}.matrix{display:grid;grid-template-columns:32px 190px repeat(8,116px);gap:4px;align-items:start}.matrix-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:#fff;box-shadow:0 1px 0 var(--panel-light-border);text-align:center}.head-letter{font-size:13px;font-weight:600;color:var(--accent)}.row-num{padding-top:8px;text-align:right;color:var(--text-muted)}.row-label{display:flex;flex-direction:column;gap:4px;padding:6px 4px;overflow:hidden}.row-label span{overflow:hidden;text-overflow:ellipsis}.row-flags{display:flex;flex-wrap:wrap;gap:2px}