:root{--neon-pink:#f72585;--raspberry-plum:#b5179e;--indigo-bloom:#7209b7;--ultrasonic-blue:#560bad;--true-azure:#480ca8;--vivid-royal:#3a0ca3;--bright-indigo:#3f37c9;--electric-sapphire:#4361ee;--blue-energy:#4895ef;--sky-aqua:#4cc9f0;--gradient-primary:linear-gradient(135deg,var(--bright-indigo),var(--electric-sapphire));--gradient-secondary:linear-gradient(135deg,var(--neon-pink),var(--raspberry-plum));--gradient-dark:linear-gradient(135deg,var(--vivid-royal),var(--true-azure));--gradient-light:linear-gradient(135deg,var(--blue-energy),var(--sky-aqua));--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto",sans-serif;--font-mono:"SF Mono","Roboto Mono","Courier New",monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 10px 40px #00000026;--shadow-glow:0 0 30px #4361ee4d;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#3a0ca3;color:var(--vivid-royal);font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-md)}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:#4a5568;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.app-container{margin:0 auto;max-width:1600px;padding:2rem;padding:var(--space-lg)}.main-content{grid-gap:3rem;grid-gap:var(--space-xl);display:grid;gap:3rem;gap:var(--space-xl);grid-template-columns:1fr}.app-header,.logo-container{margin-bottom:3rem;margin-bottom:var(--space-xl)}.logo-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;gap:var(--space-md);padding:2rem;padding:var(--space-lg)}.logo-icon{flex-shrink:0;height:64px;position:relative;width:64px}.logo-camera{align-items:center;background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-md);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.logo-camera:before{background:#fff;border-radius:6px;content:"";height:60%;position:absolute;width:80%}.logo-camera:after{background:#f1f5f9;border:4px solid #fff;border-radius:50%;content:"";height:30px;position:absolute;width:30px}.logo-pin{align-items:center;animation:pulse 2s infinite;background:#f72585;background:var(--neon-pink);border-radius:50% 50% 50% 0;bottom:-8px;box-shadow:0 0 30px #4361ee4d;box-shadow:var(--shadow-glow);display:flex;height:32px;justify-content:center;position:absolute;right:-8px;transform:rotate(-45deg);width:32px}@keyframes pulse{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.1)}}.logo-pin:after{background:#fff;border-radius:50%;content:"";height:12px;width:12px}.logo-text{flex:1 1}.logo-text h1{font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.tagline{color:#4361ee;color:var(--electric-sapphire);font-size:1.125rem;font-weight:500}.main-nav{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);margin-bottom:2rem;margin-bottom:var(--space-lg)}.nav-link{align-items:center;background:#ffffffe6;border:1px solid #4361ee1a;border-radius:1rem;border-radius:var(--radius-md);color:#3f37c9;color:var(--bright-indigo);display:flex;font-weight:600;gap:.5rem;gap:var(--space-xs);padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .25s ease;transition:all var(--transition-normal)}.nav-link.active,.nav-link:hover{background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.nav-icon{height:20px;width:20px}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-xl)}.upload-area{background:#4895ef0d;border:3px dashed #4895ef;border:3px dashed var(--blue-energy);border-radius:1.5rem;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:4rem;padding:var(--space-xxl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.upload-area:hover{background:#4895ef1a;border-color:#4361ee;border-color:var(--electric-sapphire);box-shadow:0 0 30px #4361ee4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.upload-area.dragging{background:#f725851a;border-color:#f72585;border-color:var(--neon-pink);transform:scale(1.02)}.upload-icon{color:#4361ee;color:var(--electric-sapphire);height:80px;margin:0 auto 2rem;margin:0 auto var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal);width:80px}.upload-area:hover .upload-icon{color:#f72585;color:var(--neon-pink);transform:scale(1.1)}.upload-button{align-items:center;background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);border:none;border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:1rem;gap:var(--space-sm);padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.upload-button:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-input{display:none}.privacy-notice{align-items:center;background:linear-gradient(135deg,#4cc9f01a,#4361ee1a);border:1px solid #4cc9f04d;border-radius:1.5rem;border-radius:var(--radius-lg);display:flex;gap:1.5rem;gap:var(--space-md);margin:2rem 0;margin:var(--space-lg) 0;padding:2rem;padding:var(--space-lg)}.privacy-icon{color:#4cc9f0;color:var(--sky-aqua);flex-shrink:0;height:32px;width:32px}.privacy-text{color:#4361ee;color:var(--electric-sapphire);font-weight:500}.results-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-xl)}.results-header{align-items:center;border-bottom:2px solid #4361ee1a;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-lg);padding-bottom:1.5rem;padding-bottom:var(--space-md)}.results-count{color:#3f37c9;color:var(--bright-indigo);font-size:1rem;font-weight:400;margin-left:.5rem}.export-button{align-items:center;background:linear-gradient(135deg,#4895ef,#4cc9f0);background:var(--gradient-light);border:none;border-radius:1rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:1rem;gap:var(--space-sm);padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .25s ease;transition:all var(--transition-normal)}.export-button:hover{box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-container{background:#fff;border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table th{background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0}.results-table td,.results-table th{padding:1.5rem;padding:var(--space-md)}.results-table td{border-bottom:1px solid #0000000d}.results-table tr:hover{background:#4361ee0d}.results-table tr.selected{background:#4361ee1a}.file-thumbnail{border:2px solid #4361ee;border:2px solid var(--electric-sapphire);border-radius:.5rem;border-radius:var(--radius-sm);height:50px;object-fit:cover;width:50px}.map-link{align-items:center;background:linear-gradient(135deg,#4895ef,#4cc9f0);background:var(--gradient-light);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.map-link:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.exif-badge{background:#4361ee1a;border:1px solid #4361ee33;border-radius:.5rem;border-radius:var(--radius-sm);color:#3f37c9;color:var(--bright-indigo);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.no-exif{color:#f72585;color:var(--neon-pink);font-size:.75rem;font-style:italic}.detail-panel{animation:slideIn .3s ease-out;background:#fff;border:1px solid #0000000d;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);margin-top:2rem;margin-top:var(--space-lg);padding:3rem;padding:var(--space-xl)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header{align-items:center;display:flex;justify-content:space-between}.detail-header,.detail-image{margin-bottom:2rem;margin-bottom:var(--space-lg)}.detail-image{border:2px solid #4361ee;border:2px solid var(--electric-sapphire);border-radius:1rem;border-radius:var(--radius-md);max-height:300px;object-fit:contain;width:100%}.detail-tabs{border-bottom:2px solid #0000000d;display:flex;gap:.5rem;margin-bottom:2rem;margin-bottom:var(--space-lg);padding-bottom:.5rem}.detail-tab{align-items:center;background:#f8fafccc;border:1px solid #4361ee33;border-radius:.5rem;border-radius:var(--radius-sm);color:#3f37c9;color:var(--bright-indigo);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .25s ease;transition:all var(--transition-normal)}.detail-tab:hover{background:#4361ee1a;transform:translateY(-2px)}.detail-tab.active{background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);border-color:#4361ee;border-color:var(--electric-sapphire);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff}.detail-tab svg{height:16px;width:16px}.detail-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#f8fafc80;border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-md)}.detail-label{color:#3a0ca3;color:var(--vivid-royal);font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.detail-value{color:#4a5568;font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.875rem;max-width:60%;text-align:right;word-break:break-word}.detail-item.full-width{grid-column:1/-1}.exif-tag{background:#4361ee1a;border:1px solid #4361ee33;border-radius:.5rem;border-radius:var(--radius-sm);color:#3f37c9;color:var(--bright-indigo);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.no-data{color:#f72585;color:var(--neon-pink);font-style:italic}.remove-exif-button{align-items:center;background:linear-gradient(135deg,#f72585,#b5179e);background:var(--gradient-secondary);border:none;border-radius:1rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:1rem;gap:var(--space-sm);justify-content:center;margin-top:2rem;margin-top:var(--space-lg);padding:1.5rem;padding:var(--space-md);transition:all .25s ease;transition:all var(--transition-normal);width:100%}.remove-exif-button:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.exif-full-view{margin-top:2rem;margin-top:var(--space-lg)}.exif-header{margin-bottom:2rem;margin-bottom:var(--space-lg);text-align:center}.exif-header h3{color:#3a0ca3;color:var(--vivid-royal);margin-bottom:.5rem}.exif-count{color:#3f37c9;color:var(--bright-indigo);font-size:.875rem}.exif-table-container{background:#fff;border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--space-lg);max-height:500px;overflow-x:auto;overflow-y:auto}.exif-table{border-collapse:collapse;font-size:.875rem;width:100%}.exif-table th{background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);color:#fff;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0}.exif-table td{border-bottom:1px solid #0000000d;padding:.75rem 1rem}.exif-table tr:hover{background:#4361ee0d}.exif-table tr.even{background:#f8fafc80}.exif-table tr.odd{background:#fff}.exif-key{color:#3a0ca3;color:var(--vivid-royal);font-weight:600;min-width:200px;position:relative}.exif-tooltip{opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.exif-key:hover .exif-tooltip{opacity:1}.tooltip-text{background:#000c;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:0;top:-30px;white-space:nowrap}.exif-value{max-width:500px;min-width:300px}.value-content{background:#f8fafc80;border:1px solid #0000000d;border-radius:.5rem;border-radius:var(--radius-sm);font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;max-height:100px;overflow-y:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.exif-type{min-width:100px}.type-badge{border-radius:.5rem;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.type-badge.string{background:#4cc9f033;border:1px solid #4cc9f04d;color:#4cc9f0;color:var(--sky-aqua)}.type-badge.number{background:#f7258533;border:1px solid #f725854d;color:#f72585;color:var(--neon-pink)}.type-badge.object{background:#b5179e33;border:1px solid #b5179e4d;color:#b5179e;color:var(--raspberry-plum)}.type-badge.boolean{background:#4361ee33;border:1px solid #4361ee4d;color:#4361ee;color:var(--electric-sapphire)}.type-badge.array{background:#4895ef33;border:1px solid #4895ef4d;color:#4895ef;color:var(--blue-energy)}.exif-stats{grid-gap:1rem;grid-gap:var(--space-sm);border-top:1px solid #0000000d;display:grid;gap:1rem;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:2rem;margin-top:var(--space-lg);padding-top:1.5rem;padding-top:var(--space-md)}.stat{background:#fff;border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);padding:.75rem;text-align:center}.stat-label{color:#3f37c9;color:var(--bright-indigo);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#3a0ca3;color:var(--vivid-royal);font-size:1.25rem;font-weight:700}.exif-categorized-view{background:#fff;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);margin-top:2rem;margin-top:var(--space-lg);padding:2rem;padding:var(--space-lg)}.category-container,.exif-categorized-view{border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-md)}.category-container{background:#f8fafc4d;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-md);max-height:500px;overflow-y:auto;padding:.5rem}.category-section{background:#fff;border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);margin:0;overflow:visible}.category-header{align-items:center;background:linear-gradient(135deg,#4895ef,#4cc9f0);background:var(--gradient-light);border-radius:1rem 1rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin:0;padding:.75rem 1rem}.category-count-badge{background:#ffffff4d;border-radius:.5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;padding:.15rem .5rem}.category-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}.category-field{background:#f8fafccc;border:1px solid #0000000d;border-radius:.5rem;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .15s ease;transition:all var(--transition-fast)}.category-field:hover{border-color:#4361ee33;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.field-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.field-name{color:#3a0ca3;color:var(--vivid-royal);flex:1 1;font-size:.85rem;font-weight:600;line-height:1.3;word-break:break-word}.field-type{background:#4361ee1a;border:1px solid #4361ee33;border-radius:.5rem;border-radius:var(--radius-sm);color:#3f37c9;color:var(--bright-indigo);font-size:.75rem;padding:.15rem .5rem;text-transform:capitalize;white-space:nowrap}.field-value-container{background:#ffffff80;border:1px solid #0000000d;border-radius:.5rem;border-radius:var(--radius-sm);max-height:100px;overflow-y:auto;padding:.5rem}.field-value{color:#4a5568;font-family:SF Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.detail-footer{border-top:1px solid #0000000d;margin-top:2rem;margin-top:var(--space-lg);padding:2rem 0 0;padding:var(--space-lg) 0 0}.footer-actions{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.detail-panel .remove-exif-button,.footer-actions .remove-exif-button,.remove-exif-button{margin-bottom:0;margin-top:0!important}.footer-actions .export-button,.footer-actions .remove-exif-button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:1rem;gap:var(--space-sm);height:48px;justify-content:center;margin:0;min-width:160px;padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.footer-actions .remove-exif-button{background:linear-gradient(135deg,#f72585,#b5179e);background:var(--gradient-secondary);color:#fff}.footer-actions .remove-exif-button:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.footer-actions .export-button{background:linear-gradient(135deg,#4895ef,#4cc9f0);background:var(--gradient-light);color:#fff}.footer-actions .export-button:hover{box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer-info{background:#f8fafccc;border-left:4px solid #4cc9f0;border-left:4px solid var(--sky-aqua);border-radius:1rem;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-md)}.footer-info p{color:#3f37c9;color:var(--bright-indigo);font-size:.875rem;margin:0}.footer-info strong{color:#3a0ca3;color:var(--vivid-royal)}.detail-panel>.remove-exif-button:not(.footer-actions .remove-exif-button){height:48px;margin-top:2rem;margin-top:var(--space-lg);width:100%}@media (max-width:768px){.footer-actions{flex-direction:column}.footer-actions .export-button,.remove-exif-button{min-width:0;min-width:auto;width:100%}.footer-actions .export-button{margin-left:0;margin-top:0}}.detail-panel .remove-exif-button{height:48px;margin-top:2rem;margin-top:var(--space-lg);width:100%}.landing-content{margin-bottom:4rem;margin-bottom:var(--space-xxl)}.hero-section{background:linear-gradient(135deg,#3a0ca31a,#4361ee1a);border:1px solid #4361ee33;border-radius:1.5rem;border-radius:var(--radius-lg);margin-bottom:3rem;margin-bottom:var(--space-xl);padding:3rem;padding:var(--space-xl);text-align:center}.hero-section h1{-webkit-text-fill-color:#3a0ca3;-webkit-text-fill-color:var(--vivid-royal);background:none;color:#3a0ca3;color:var(--vivid-royal);font-size:2.5rem;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.hero-subtitle{color:#3f37c9;color:var(--bright-indigo);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:800px}.how-it-works{margin-bottom:3rem;margin-bottom:var(--space-xl)}.how-it-works h2{margin-bottom:2rem;margin-bottom:var(--space-lg);text-align:center}.steps-grid{grid-gap:2rem;grid-gap:var(--space-lg);display:grid;gap:2rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;margin-bottom:var(--space-xl)}.step{background:#fff;border:1px solid #0000000d;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-lg);text-align:center;transition:transform .25s ease;transition:transform var(--transition-normal)}.step:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-md);width:50px}.seo-content{background:#fff;border:1px solid #0000000d;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--space-lg);padding:3rem;padding:var(--space-xl)}.seo-content h2{color:#3a0ca3;color:var(--vivid-royal);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.seo-content h3{color:#3f37c9;color:var(--bright-indigo);margin:1.5rem 0 1rem;margin:var(--space-md) 0 var(--space-sm)}.seo-content ul{margin-bottom:1.5rem;margin-bottom:var(--space-md);margin-left:2rem;margin-left:var(--space-lg)}.seo-content li{color:#4a5568;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.use-cases{grid-gap:2rem;grid-gap:var(--space-lg);display:grid;gap:2rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem;margin-top:var(--space-lg)}.use-case{background:#f8fafccc;border-left:4px solid #4361ee;border-left:4px solid var(--electric-sapphire);border-radius:1rem;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-md);transition:transform .25s ease;transition:transform var(--transition-normal)}.use-case:hover{box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.faq-preview{background:#f8fafccc;border-radius:1rem;border-radius:var(--radius-md);padding:2rem;padding:var(--space-lg)}.faq-preview,.faq-preview h3{margin-top:1.5rem;margin-top:var(--space-md)}.faq-preview h3{color:#f72585;color:var(--neon-pink)}.faq-preview h3:first-child{margin-top:0}.faq-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-xl)}.faq-category{margin-bottom:3rem;margin-bottom:var(--space-xl)}.faq-item{background:#fff;border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--space-md);padding:2rem;padding:var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.faq-item:hover{box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{align-items:center;color:#3a0ca3;color:var(--vivid-royal);display:flex;gap:1rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-sm)}.faq-answer{color:#4a5568}.faq-answer ul{margin-left:2rem;margin-left:var(--space-lg);margin-top:1rem;margin-top:var(--space-sm)}.not-found{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);padding:4rem 2rem;padding:var(--space-xxl) var(--space-lg);text-align:center}.back-to-home,.sharing-section{margin-top:3rem;margin-top:var(--space-xl);text-align:center}.sharing-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-xl)}.sharing-links{flex-wrap:wrap;gap:1.5rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-lg)}.share-link,.sharing-links{display:flex;justify-content:center}.share-link{align-items:center;border-radius:50%;color:#fff;height:48px;overflow:hidden;position:relative;text-decoration:none;transition:all .25s ease;transition:all var(--transition-normal);width:48px}.share-link:before{background:#fff3;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--transition-normal)}.share-link:hover{box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-3px) scale(1.1)}.share-link:hover:before{opacity:1}.share-link svg{height:24px;position:relative;width:24px;z-index:1}.facebook{background:linear-gradient(135deg,#1877f2,#0d5db6)}.twitter{background:linear-gradient(135deg,#1da1f2,#0c85d0)}.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.linkedin{background:linear-gradient(135deg,#0077b5,#005582)}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;margin:var(--space-lg) 0;padding:3rem;padding:var(--space-xl)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #4361ee33;border-radius:50%;border-top:4px solid var(--electric-sapphire);height:50px;margin-bottom:1.5rem;margin-bottom:var(--space-md);width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.error-message{background:linear-gradient(135deg,#f725851a,#b5179e1a);border:1px solid #f725854d;border-radius:1.5rem;border-radius:var(--radius-lg);margin:2rem 0;margin:var(--space-lg) 0;padding:2rem;padding:var(--space-lg);text-align:center}.error-message p{color:#f72585;color:var(--neon-pink);font-weight:600;margin:0}.hidden{display:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fade-in{animation:fadeIn .25s ease;animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f37c9,#4361ee);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.empty-state{background:#f8fafccc;border:2px dashed #4361ee4d;border-radius:1rem;border-radius:var(--radius-md);color:#3f37c9;color:var(--bright-indigo);margin:2rem 0;margin:var(--space-lg) 0;padding:3rem;padding:var(--space-xl);text-align:center}.empty-state p{font-weight:500;margin:0}@media print{.no-print{display:none}body{background:#fff}.app-container{padding:0}.results-section,.sharing-section,.upload-section{break-inside:avoid;page-break-inside:avoid}}@media (max-width:1024px){.app-container{padding:1.5rem;padding:var(--space-md)}h1{font-size:2rem}.logo-container{padding:1.5rem;padding:var(--space-md)}.hero-section h1{font-size:2rem}}@media (max-width:768px){.main-nav{flex-direction:column}.nav-link{justify-content:center;width:100%}.upload-area{padding:3rem;padding:var(--space-xl)}.results-header{align-items:stretch;flex-direction:column;gap:1.5rem;gap:var(--space-md)}.detail-grid{grid-template-columns:1fr}.detail-value{max-width:100%;text-align:left}.hero-section h1{font-size:1.75rem}.hero-subtitle{font-size:1.1rem}.steps-grid,.use-cases{grid-template-columns:1fr}.detail-tabs{flex-direction:column}.detail-tab{justify-content:center;width:100%}.category-grid{grid-template-columns:1fr}.field-header{flex-direction:column;gap:.25rem}.field-type{align-self:flex-start}.footer-actions{flex-direction:column}.footer-actions .export-button{margin-left:0;margin-top:.5rem;width:100%}.remove-exif-button{width:100%}.exif-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.app-container{padding:1rem;padding:var(--space-sm)}h1{font-size:1.75rem}.logo-container{flex-direction:column;text-align:center}.upload-area{padding:2rem;padding:var(--space-lg)}.sharing-links{gap:1rem;gap:var(--space-sm)}.share-link{height:40px;width:40px}.share-link svg{height:20px;width:20px}.hero-section{padding:2rem;padding:var(--space-lg)}.hero-section h1{font-size:1.5rem}.seo-content{padding:2rem;padding:var(--space-lg)}.exif-stats{grid-template-columns:1fr}.exif-table{font-size:.75rem}.value-content{max-height:80px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid #f72585;outline:3px solid var(--neon-pink);outline-offset:2px}.category-container::-webkit-scrollbar,.field-value-container::-webkit-scrollbar{width:6px}.category-container::-webkit-scrollbar-track,.field-value-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.category-container::-webkit-scrollbar-thumb,.field-value-container::-webkit-scrollbar-thumb{background:#4361ee;background:var(--electric-sapphire);border-radius:3px}.category-container::-webkit-scrollbar-thumb:hover,.field-value-container::-webkit-scrollbar-thumb:hover{background:#3f37c9;background:var(--bright-indigo)}
/*# sourceMappingURL=main.2d57689e.css.map*/