.image-detail-content[data-v-2a2f61e3]{display:flex;flex-direction:column;gap:0;width:100%}.detail-header[data-v-2a2f61e3]{background:linear-gradient(135deg,#1c1f26,#171a20);border-radius:0;justify-content:space-between;padding:.75rem 1.5rem;width:100%}.detail-header[data-v-2a2f61e3],.header-badges[data-v-2a2f61e3]{align-items:center;display:flex}.header-badges[data-v-2a2f61e3]{flex-wrap:wrap;gap:.5rem}.header-badge[data-v-2a2f61e3]{align-items:center;border:1px solid hsla(220,9%,46%,.2);border-radius:6px;display:inline-flex;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.header-badge[data-v-2a2f61e3],.header-badge.badge-1k[data-v-2a2f61e3]{background:#6b728033;color:#9ca3af}.header-badge.badge-2k[data-v-2a2f61e3]{background:#37415133;border-color:#3741514d;color:#9ca3af}.header-badge.badge-4k[data-v-2a2f61e3]{background:#10b98133;border-color:#10b9814d;color:#34d399}.header-badge.badge-upscaled[data-v-2a2f61e3]{background:#a855f733;border-color:#a855f74d;color:#c084fc}.header-date[data-v-2a2f61e3]{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:.5rem}.detail-content[data-v-2a2f61e3]{background:#171a20;border-radius:12px;display:grid;grid-template-columns:1fr 280px;height:480px;overflow:hidden;width:100%}.image-panel[data-v-2a2f61e3]{background:radial-gradient(ellipse at 15% 20%,rgba(45,49,57,.4) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(28,31,38,.5) 0,transparent 60%),radial-gradient(ellipse at 85% 80%,rgba(28,31,38,.4) 0,transparent 50%),linear-gradient(145deg,#171a20,#171a20 50%,#121417);padding:0}.image-frame[data-v-2a2f61e3],.image-panel[data-v-2a2f61e3]{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden}.image-frame[data-v-2a2f61e3]{border-radius:0;cursor:pointer;position:relative;width:100%}.checkered-bg[data-v-2a2f61e3]{background-color:#171a20;background-image:linear-gradient(45deg,#1c1f26 25%,transparent 0),linear-gradient(-45deg,#1c1f26 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1c1f26 0),linear-gradient(-45deg,transparent 75%,#1c1f26 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;inset:0;position:absolute;z-index:1}.main-image[data-v-2a2f61e3]{height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center center;position:relative;width:auto;z-index:2}.hover-vignette[data-v-2a2f61e3]{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:5}.hover-vignette.is-visible[data-v-2a2f61e3]{opacity:1}.action-button[data-v-2a2f61e3]{opacity:0;position:absolute;transform:scale(.9);transition:opacity .2s ease,transform .2s ease;z-index:30}.action-button.is-visible[data-v-2a2f61e3]{opacity:1;transform:scale(1)}.action-button.top-left[data-v-2a2f61e3]{left:.75rem;top:.75rem}.action-button.top-right[data-v-2a2f61e3]{right:.75rem;top:.75rem}.action-btn[data-v-2a2f61e3]{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;justify-content:center;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.action-btn[data-v-2a2f61e3]:hover{transform:scale(1.08)}.action-btn[data-v-2a2f61e3]:active{transform:scale(.95)}.action-btn-zoom[data-v-2a2f61e3]{background:#1f2937cc;color:#fff}.action-btn-zoom[data-v-2a2f61e3]:hover{background:#374151e6;box-shadow:0 4px 12px #0006}.loading-overlay[data-v-2a2f61e3]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;color:#fff;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.75rem;inset:0;justify-content:center;position:absolute;z-index:10}.loading-overlay.upgrading[data-v-2a2f61e3]{background:#000c}.loading-hint[data-v-2a2f61e3]{color:#9ca3af;font-size:.75rem}.controls-panel[data-v-2a2f61e3]{background:linear-gradient(180deg,#1c1f26,#171a20);gap:1.25rem;overflow-y:auto;padding:1.25rem}.control-section[data-v-2a2f61e3],.controls-panel[data-v-2a2f61e3]{display:flex;flex-direction:column}.control-section[data-v-2a2f61e3]{gap:.75rem}.section-title[data-v-2a2f61e3]{align-items:center;color:#6b7280;display:flex;font-size:.7rem;font-weight:600;gap:.5rem;letter-spacing:.1em;margin:0;padding-bottom:.5rem;text-transform:uppercase}.section-title .w-4[data-v-2a2f61e3]{height:.875rem;opacity:.6;width:.875rem}.references-section[data-v-2a2f61e3]{margin-top:.5rem;padding-top:.75rem}.reference-grid[data-v-2a2f61e3]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.reference-card[data-v-2a2f61e3]{cursor:pointer;display:flex;flex-direction:column;gap:.375rem;transition:all .2s ease}.reference-card[data-v-2a2f61e3]:hover{transform:translateY(-2px)}.reference-image-wrapper[data-v-2a2f61e3]{aspect-ratio:1;background:#121417;border:1px solid #2d3139;border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.reference-card:hover .reference-image-wrapper[data-v-2a2f61e3]{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.reference-image[data-v-2a2f61e3]{height:100%;object-fit:cover;transition:opacity .2s ease;width:100%}.reference-card:hover .reference-image[data-v-2a2f61e3]{opacity:.9}.reference-name[data-v-2a2f61e3]{color:#9ca3af;font-size:.6875rem;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bottom-actions[data-v-2a2f61e3]{margin-top:auto;padding-top:1rem}.bottom-actions-row[data-v-2a2f61e3]{align-items:stretch;display:flex;gap:.5rem}.bottom-actions-row .delete-btn[data-v-2a2f61e3]{flex-shrink:0}.bottom-actions-row .download-btn[data-v-2a2f61e3]{flex:1}.delete-label-mobile[data-v-2a2f61e3],.download-btn-mobile[data-v-2a2f61e3]{display:none}@media(max-width:768px){.detail-content[data-v-2a2f61e3]{grid-template-columns:1fr;height:auto}.image-panel[data-v-2a2f61e3]{height:300px;min-height:300px;padding:0}.controls-panel[data-v-2a2f61e3]{padding:1rem}.detail-header[data-v-2a2f61e3]{align-items:flex-start;flex-direction:column;gap:.5rem}.section-title[data-v-2a2f61e3]{display:none}.control-section[data-v-2a2f61e3]{gap:.5rem}.bottom-actions-row[data-v-2a2f61e3]{flex-direction:column;gap:.5rem}.bottom-actions-row .delete-btn[data-v-2a2f61e3],.bottom-actions-row .download-btn[data-v-2a2f61e3]{flex:1 1 auto;width:100%}.delete-label-mobile[data-v-2a2f61e3]{display:inline}.download-btn-mobile[data-v-2a2f61e3]{display:block}.bottom-actions-row .download-btn[data-v-2a2f61e3]{display:none}.reference-grid[data-v-2a2f61e3]{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media(max-width:480px){.header-badges[data-v-2a2f61e3]{flex-wrap:wrap}.header-badge[data-v-2a2f61e3]{font-size:.6rem;padding:.2rem .5rem}.controls-panel[data-v-2a2f61e3]{gap:.875rem;padding:.875rem}.control-section[data-v-2a2f61e3]{gap:.375rem}.reference-grid[data-v-2a2f61e3]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.filename-dialog-actions[data-v-2a2f61e3]{flex-direction:column}.filename-dialog-actions[data-v-2a2f61e3]>*{width:100%}}.analysis-hint[data-v-2a2f61e3]{color:#6b7280;font-size:.7rem;margin-top:.5rem;text-align:center}.filename-dialog-content[data-v-2a2f61e3]{gap:1.5rem}.filename-dialog-content[data-v-2a2f61e3],.filename-dialog-input-wrapper[data-v-2a2f61e3]{display:flex;flex-direction:column}.filename-dialog-input[data-v-2a2f61e3]{background:#1c1f26;border:1px solid #374151;border-radius:.75rem;color:#fff;font-size:.9375rem;padding:.875rem 1rem;transition:all .15s ease;width:100%}.filename-dialog-input[data-v-2a2f61e3]:focus{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c421a;outline:none}.filename-dialog-actions[data-v-2a2f61e3]{display:flex;gap:.75rem;justify-content:flex-end}.filename-dialog-actions[data-v-2a2f61e3]>*{min-width:100px}.share-modal-content[data-v-2a2f61e3]{gap:1.25rem}.share-info[data-v-2a2f61e3],.share-modal-content[data-v-2a2f61e3]{display:flex;flex-direction:column}.share-info[data-v-2a2f61e3]{gap:.5rem}.share-description[data-v-2a2f61e3]{color:#9ca3af;font-size:.875rem;line-height:1.5;margin:0}.share-url-container[data-v-2a2f61e3]{display:flex;flex-direction:column;gap:.75rem}.share-url-input-wrapper[data-v-2a2f61e3]{align-items:stretch;display:flex;gap:.75rem}.share-url-input[data-v-2a2f61e3]{background:#1c1f26;border:1px solid #374151;border-radius:.75rem;color:#fff;cursor:pointer;flex:1;font-family:ui-monospace,monospace;font-size:.875rem;padding:.75rem 1rem;transition:all .15s ease}.share-url-input[data-v-2a2f61e3]:hover{background:#171a20;border-color:#ff8c42}.share-url-input[data-v-2a2f61e3]:focus{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c421a;outline:none}.unshare-section[data-v-2a2f61e3]{border-top:1px solid #2d3139;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}