/* Copyright (c) 2025 ExifClean.com - All Rights Reserved */
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:18px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#147d64;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0c6b58;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:18px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-primary{background-color:#3ebd93;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#38aa84;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#319775;color:#fff}.uk-button-secondary{background-color:#6b7280;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#090909;color:#fff}.uk-card{position:relative;box-sizing:border-box;background:#fff}.uk-card-body{display:flow-root}.uk-card-body>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4;color:#333;margin-bottom:20px}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.uk-container{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-container{padding-left:40px;padding-right:40px}}.uk-container>:last-child{margin-bottom:0}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-text-center{text-align:center!important}.uk-text-muted{color:#757575!important}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border;height:40px;vertical-align:middle;display:inline-block}.uk-input:focus{outline:0;background-color:#fff;color:#666;border-color:#3ebd93}.uk-input::placeholder{color:#757575}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.5rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo-container{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333}.logo-container:hover{text-decoration:none;color:#3ebd93}.logo-svg{width:40px;height:40px}.logo-text{font-size:1.5rem;font-weight:600;color:#333}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:#666;text-decoration:none;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:#3ebd93}.nav-links a.active{color:#3ebd93;font-weight:600}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1);gap:1rem;align-items:center;text-align:center}.nav-links.mobile-open{display:flex}.nav-links li{width:100%;text-align:left}.mobile-menu-toggle{display:block}.header-container{position:relative;padding:0 1rem}.logo-text{font-size:1.25rem}}.site-footer{background:#1f2937;color:#9ca3af;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:2rem 1rem .5rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#fff;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#9ca3af;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#3ebd93}.footer-bottom{border-top:1px solid #374151;padding:1rem 0 0;text-align:center;font-size:.875rem}.main-content{min-height:calc(100vh - 200px);padding-top:1rem}.header-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.hero-section{text-align:center;margin:1rem .5rem}.hero-section h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.hero-section p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.example-link{color:#3ebd93;cursor:pointer;text-decoration:none;text-decoration-line:none;transition:color .2s ease}.example-link:hover{color:#319775;text-decoration:underline}.example-link u{text-decoration:none;text-decoration-line:none}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}}.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:1rem;text-align:center;background:#fff;margin-bottom:2rem;transition:all .3s ease;cursor:pointer}.upload-zone:hover{border-color:#38aa84;background:#f8fafc}.upload-zone.dragover{border-color:#38aa84;background:#eff6ff}.upload-icon{width:64px;height:64px;margin:0 auto 1rem;opacity:.5}.file-input{display:none}.viewer-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.image-preview-container{text-align:center}.image-preview{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:1rem;object-fit:contain}.metadata-tools{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.metadata-search{flex:1;min-width:250px}.view-toggle{display:flex;gap:.5rem}.view-toggle button{padding:.5rem 1rem;border:1px solid #cbd5e1;background:#fff;cursor:pointer;transition:all .2s ease}.view-toggle button.active{background:#3ebd93;color:#fff;border-color:#3ebd93}.view-toggle button:hover:not(.active){background:#f8fafc}.metadata-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.category-card{background:#fff;overflow:hidden}.category-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.category-header.collapsed .category-icon{transform:rotate(-90deg)}.category-icon{width:20px;height:20px;transition:transform .2s ease}.category-title{font-weight:600;color:#374151;margin:0}.category-count{margin-left:auto;font-size:.875rem;color:#6b7280;background:#e5e7eb;padding:.25rem .5rem;border-radius:12px}.category-content{max-height:300px;overflow-y:auto}.category-content.collapsed{display:none}.metadata-row{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.metadata-row:nth-child(odd){background-color:#f8f8f8}.metadata-row:nth-child(even){background-color:#fff}.metadata-row:last-child{border-bottom:none}.metadata-key{font-weight:500;color:#64748b;min-width:40%;word-break:break-word}.metadata-value{color:#1e293b;text-align:right;word-break:break-all;font-family:'Courier New',monospace;font-size:.875rem}.privacy-sensitive{border-left:transparent}.privacy-technical{border-left:transparent}.privacy-safe{border-left:transparent}.raw-metadata{background:#1f2937;color:#e5e7eb;padding:1rem;border-radius:8px;font-family:'Courier New',monospace;font-size:.875rem;white-space:pre-wrap;max-height:400px;overflow-y:auto;display:none}.raw-metadata.active{display:block}.export-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr}.export-button{padding:.5rem 1rem;border:1px solid #3ebd93;background:#fff;color:#3ebd93;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-weight:600;font-size:.875rem}.export-button:hover{background:#3ebd93;color:#fff}.analysis-panel{padding:.5rem;margin-bottom:2rem}.analysis-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stat-item{text-align:center;padding:1rem;background:#f9fafb;border-radius:6px}.stat-value{font-size:1.5rem;font-weight:600;color:#3ebd93;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.875rem}@media (max-width:768px){.main-grid{grid-template-columns:1fr!important;gap:1rem!important}.viewer-grid{grid-template-columns:1fr}.metadata-tools{flex-direction:column}.metadata-categories{grid-template-columns:1fr}.export-buttons{flex-direction:column;grid-template-columns:1fr 1fr 1fr;gap:.25rem;flex:1;min-width:80px;font-size:.75rem}.analysis-stats{grid-template-columns:1fr 1fr}}#results{display:none;scroll-margin-top:96px}.content-section{margin:2rem 0}.content-section.hidden{display:none}.how-to-section{margin:2rem 0}.how-to-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:2rem 0}.step-card{background:#f9fafb;padding:1rem;position:relative}.step-number{position:absolute;top:-15px;left:29.5rem;background:#3ebd93;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.step-icon{width:48px;height:48px;color:#3ebd93}.step-title{font-size:1.25rem;font-weight:600;color:#333;margin:.75rem 0 .75rem 0}.step-description{color:#666;line-height:1.6;margin:0}.faq-section{margin:3rem 0}.faq-container{margin:0 auto}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-question{padding:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;font-weight:600;color:#333;transition:background-color .2s ease}.faq-question:hover{background:#f3f4f6}.faq-chevron{width:20px;height:20px;transition:transform .2s ease;color:#6b7280}.faq-question.active .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-answer.active{padding:1.5rem;max-height:500px}.faq-answer p{color:#666;line-height:1.6;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.feature-icon{width:48px;height:48px;color:#3ebd93;margin:0 auto 1rem}.feature-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .75rem 0}.feature-description{color:#666;line-height:1.5;margin:0}@media (max-width:768px){.how-to-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.how-to-section{margin:1.5rem 0}.step-card{padding:1rem}.step-number{top:-12px;left:1rem;width:24px;height:24px;font-size:.875rem}}body.results-active .content-section{display:none}