.project-images{margin:8px 0 28px}.project-images .section-heading{margin-bottom:12px}.project-images h3 span{color:var(--muted);margin-left:5px;font-weight:450}.image-drop-area{border:1px solid #0000;border-radius:12px;transition:border-color .14s,background .14s}.image-drop-area.is-dragging{border-color:var(--accent);background:var(--accent-tint)}.image-empty{border:1px dashed var(--border);width:100%;color:var(--secondary);background:var(--input);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:24px 16px 20px;display:flex}.image-empty>svg{color:var(--accent);margin-bottom:5px}.image-empty strong{color:var(--text);font-weight:600}.image-empty span{font-size:var(--text-sm)}.image-empty .image-empty-action{color:var(--accent);margin-top:7px;font-weight:600}.image-empty:hover{border-color:var(--accent)}.project-cover-preview{background:var(--input);border:1px solid var(--border-subtle);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.project-cover-preview>img,.project-cover-preview>.project-image-placeholder{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.cover-label,.cover-expand{color:#fff;background:#111827d9;border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:6px;display:flex;position:absolute}.cover-label{font-size:var(--text-xs);padding:4px 8px;bottom:12px;left:12px}.cover-expand{padding:7px;bottom:12px;right:12px}.project-image-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.gallery-item{border:1px solid var(--border-subtle);background:var(--input);border-radius:8px;min-width:0;overflow:hidden}.gallery-item.is-cover{border-color:var(--accent)}.gallery-preview{background:var(--raised);width:100%;display:block;position:relative}.gallery-preview>img,.gallery-preview>.project-image-placeholder{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.gallery-cover-marker{background:var(--accent-solid);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.gallery-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--secondary);padding:7px 8px 3px;display:block;overflow:hidden}.gallery-actions{justify-content:space-between;padding:0 3px 3px;display:flex}.gallery-actions button{width:30px;height:32px;color:var(--secondary);border-radius:4px;place-items:center;display:grid}.gallery-actions button:hover{background:var(--hover);color:var(--text)}.gallery-actions button[aria-pressed=true]{color:var(--accent)}.gallery-actions button:disabled{opacity:.3;cursor:default}.image-upload-help{color:var(--muted);font-size:var(--text-xs);margin:10px 0 0}.image-upload-status{color:var(--accent);font-size:var(--text-sm);align-items:center;gap:8px;margin:12px 0 0;display:flex}.image-spinner{animation:1s linear infinite image-spin}@keyframes image-spin{to{transform:rotate(360deg)}}.project-image-placeholder{color:var(--muted);background:var(--raised);justify-content:center;align-items:center;gap:12px;display:flex!important}.project-icon.has-image{background:var(--raised);padding:0;overflow:hidden}.project-icon.has-image>img,.project-icon.has-image>.project-image-placeholder{object-fit:cover;width:100%;height:100%}.kanban-image-cover{background:var(--input);border-radius:7px;width:100%;margin-bottom:14px;display:block;position:relative;overflow:hidden}.kanban-image-cover>img,.kanban-image-cover>.project-image-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.kanban-image-cover>.image-count{color:#fff;font-size:var(--text-xs);background:#111827dc;border-radius:4px;padding:2px 7px;position:absolute;bottom:8px;right:8px}.image-viewer-overlay{z-index:150;background:#080c16e8}.image-viewer{z-index:151;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;position:fixed;inset:4vh max(20px,50vw - 575px)}.image-viewer-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.image-viewer-heading>div{min-width:0}.image-viewer-heading h2{font-size:var(--text-lg);overflow-wrap:anywhere;margin:0}.image-viewer-heading span{color:var(--muted);font-size:var(--text-sm)}.image-viewer-full{object-fit:contain;background:var(--input);border-radius:7px;flex:1;width:100%;min-height:0}.image-viewer-navigation{justify-content:space-between;display:flex}@media (width<=480px){.project-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-actions button{width:34px;height:36px}.image-viewer{padding:14px;inset:12px}.image-empty{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.image-spinner{animation:none}.image-drop-area{transition:none}}