.result-evidence-upload { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border-color); border-radius: 12px; }
.result-evidence-upload > summary { color: var(--text-primary); font-weight: 600; cursor: pointer; }
.result-evidence-upload[open] > summary { margin-bottom: 1rem; }
.result-evidence-upload > .auth-field-hint { margin-bottom: 1rem; }
.result-evidence-upload .form-grid { margin-bottom: 0; }
.screenshot-picker { position: relative; min-width: 0; }
.screenshot-picker-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.screenshot-picker-zone { display: flex; width: 100%; min-height: 170px; padding: 20px; align-items: center; justify-content: center; border: 1px dashed #45516b; border-radius: 14px; background: #0b1220; color: var(--text-primary); cursor: pointer; transition: border-color .15s, background .15s; }
.screenshot-picker-zone:hover, .screenshot-picker-zone:focus-visible { border-color: #a78bfa; background: #141b2c; outline: 2px solid transparent; }
.screenshot-picker-zone:focus-visible { outline-color: #a78bfa; outline-offset: 3px; }
.screenshot-picker-input:focus-visible + .screenshot-picker-zone { outline: 2px solid #a78bfa; outline-offset: 3px; }
.screenshot-picker-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.screenshot-picker-empty svg { width: 32px; height: 32px; fill: none; stroke: #a78bfa; stroke-width: 1.5; margin-bottom: 4px; }
.screenshot-picker-empty strong { font-size: 14px; font-weight: 600; }
.screenshot-picker-empty > span { color: var(--text-secondary); font-size: 12px; }
.screenshot-picker.has-image .screenshot-picker-zone { padding: 8px; height: 200px; border-style: solid; }
.screenshot-picker-preview { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
.screenshot-picker-details { display: flex; align-items: center; gap: 10px; padding: 12px 2px 4px; }
.screenshot-picker-info { flex: 1; min-width: 0; display: grid; gap: 4px; }
.screenshot-picker-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
.screenshot-picker-info span { color: var(--text-secondary); font-size: 12px; }
.screenshot-picker-actions { display: flex; gap: 4px; flex-shrink: 0; }
.screenshot-picker-actions button { border: 0; border-radius: 6px; background: transparent; color: #c4b5fd; padding: 8px; min-height: 36px; font: inherit; font-size: 12px; cursor: pointer; }
.screenshot-picker-actions button:hover { background: #ffffff0a; }
.screenshot-picker-actions .screenshot-picker-remove { color: var(--text-secondary); }
.screenshot-picker-status { color: var(--text-secondary); font-size: 12px; line-height: 1.6; margin-top: 8px; }
.screenshot-picker.has-error .screenshot-picker-zone { border-color: var(--danger); }
.screenshot-picker.has-error .screenshot-picker-status { color: #fca5a5; }
.screenshot-picker + small { display: block; margin-top: 8px; color: var(--text-secondary); font-size: 12px; line-height: 1.7; }
@media (max-width: 600px) {
  .screenshot-picker-zone { min-height: 150px; }
  .screenshot-picker-actions button { min-height: 44px; }
}