.save-collection-overlay{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.save-collection-modal{background:var(--surface-primary);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.save-collection__header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.save-collection__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.save-collection__close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.save-collection__close:hover{color:var(--text-primary);background:var(--surface-hover)}.save-collection__content{padding:8px}.save-collection__loading{justify-content:center;align-items:center;padding:40px;display:flex}.save-collection__item{width:100%;color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.save-collection__item:hover{background:var(--surface-hover)}.save-collection__item:disabled{opacity:.5;cursor:not-allowed}.save-collection__item--add{color:var(--accent-blue)}.save-collection__item--add:hover{background:#1d9bf01a}.save-collection__item--selected{color:var(--accent-blue);background:#1d9bf01a}.save-collection__item--selected:hover{background:#1d9bf033}.save-collection__check{color:var(--accent-blue);margin-left:auto}.save-collection__count{font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-secondary);border-radius:var(--radius-full);margin-left:auto;padding:2px 8px}.save-collection__create{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.save-collection__create-actions{justify-content:flex-end;gap:8px;display:flex}.save-collection__remove{background:var(--accent-red-bg);width:100%;color:var(--accent-red);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.save-collection__remove:hover{background:#f4212e33}.save-collection__remove:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.image-viewer{z-index:var(--z-image-viewer);cursor:default;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer__background{background:#000000f2;position:absolute;inset:0}.image-viewer__close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.image-viewer__close:hover{background:#fff3}.image-viewer__download{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:20px;right:80px}.image-viewer__download:hover{background:#fff3}.image-viewer__nav{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1.5px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0009,0 0 0 1px #ffffff0f}.image-viewer__nav:hover{background:#000000bf;transform:translateY(-50%)scale(1.08)}.image-viewer__nav:active{transform:translateY(-50%)scale(.96)}.image-viewer__nav--prev{left:20px}.image-viewer__nav--next{right:20px}.image-viewer__container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.image-viewer__image{object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;max-height:100%}.image-viewer__info{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border-radius:24px;align-items:center;gap:16px;padding:12px 20px;font-size:14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.image-viewer__counter{white-space:nowrap;font-weight:600}.image-viewer__filename{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:300px;overflow:hidden}.image-viewer__zoom-indicator{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:20px;left:20px}@media (width<=768px){.image-viewer__close{width:40px;height:40px;top:12px;right:12px}.image-viewer__download{width:40px;height:40px;top:12px;right:60px}.image-viewer__nav{width:48px;height:48px}.image-viewer__nav--prev{left:12px}.image-viewer__nav--next{right:12px}.image-viewer__info{justify-content:space-between;width:calc(100% - 24px);max-width:none;padding:10px 16px;font-size:13px;bottom:12px}.image-viewer__filename{max-width:150px}}