:root{color-scheme:dark;--color-primary: #f3c969;--color-primary-hover: #ffd987;--color-primary-light: rgba(243, 201, 105, .16);--color-primary-dark: #7a5314;--color-accent: #6ee7d8;--color-accent-light: rgba(110, 231, 216, .16);--color-ink: #0d1114;--color-panel: #14191d;--color-panel-raised: #1b2227;--color-film: #20272c;--color-text-primary: #f7f2e8;--color-text-secondary: #c2bab0;--color-text-tertiary: #8f9795;--color-bg-primary: #0d1114;--color-bg-secondary: #14191d;--color-bg-tertiary: #20272c;--color-border: rgba(247, 242, 232, .12);--color-border-hover: rgba(243, 201, 105, .44);--color-success: #65d68c;--color-success-light: rgba(101, 214, 140, .14);--color-warning: #f3c969;--color-warning-light: rgba(243, 201, 105, .14);--color-error: #ff8f85;--color-error-light: rgba(255, 143, 133, .14);--color-info: #6ee7d8;--color-info-light: rgba(110, 231, 216, .14);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .5rem;--radius-2xl: .5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 18px 45px rgba(0, 0, 0, .26);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .36);--shadow-glow: 0 0 0 1px rgba(243, 201, 105, .18), 0 22px 80px rgba(243, 201, 105, .08);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--max-width: 1200px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:radial-gradient(circle at 15% -10%,rgba(110,231,216,.13),transparent 28rem),radial-gradient(circle at 85% 4%,rgba(243,201,105,.12),transparent 30rem),linear-gradient(180deg,#0a0d0f 0%,var(--color-bg-primary) 36rem);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 75%)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin-bottom:var(--space-4)}::selection{background:#f3c96952;color:var(--color-text-primary)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--color-primary-hover),var(--color-primary));color:#12100b;border-color:var(--color-primary);box-shadow:0 10px 28px #f3c9692e}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe2a0,var(--color-primary-hover));border-color:var(--color-primary-hover);color:#12100b;transform:translateY(-1px)}.btn--secondary{background-color:#f7f2e80a;color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:#f7f2e814;border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:#f7f2e80f;color:var(--color-text-primary)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.card{background:linear-gradient(180deg,#f7f2e80e,#f7f2e806);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:inset 0 1px #ffffff08;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1);color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#0d1114b8;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-tertiary)}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,rgba(110,231,216,.08),transparent 38%),linear-gradient(180deg,#f7f2e80b,#f7f2e805)}.upload-area:hover{border-color:var(--color-primary);background-color:#f3c96914;box-shadow:var(--shadow-glow)}.upload-area--active{border-color:var(--color-primary);background-color:#f3c96914}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#f7f2e809}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.faq-question:hover{background-color:#f7f2e80e}.faq-icon{transition:transform var(--transition-normal);flex-shrink:0}.faq-item--open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.affiliate-card{display:flex;flex-direction:column;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-normal);background:#f7f2e809}.affiliate-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.affiliate-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.affiliate-card__logo{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain}.affiliate-card__name{font-size:var(--text-base);font-weight:var(--font-semibold)}.affiliate-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1;margin-bottom:var(--space-3)}.affiliate-card__footer{margin-top:auto}.affiliate-card__cta{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.upload-area,.ce-upload,.gs-upload,.exif-fixer__upload,.bg-remover__upload,.bg-remover__controls,.ce-controls,.ce-color-card,.ce-harmony__tab,.ce-export__tab,.gs-mode-card,.gs-precision-btn,.gs-input,.gs-comparison-card,.gs-fields-detail,.gs-mode-options,.gs-file-table-wrapper,.exif-fixer__table-wrap,.exif-fixer__filename-preview,.exif-fixer__result-item,.exif-fixer__panel,.tool-container{background:#f7f2e809!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.ce-upload:hover,.ce-upload--dragover,.gs-upload:hover,.gs-upload--dragover,.exif-fixer__upload:hover,.exif-fixer__upload--active,.upload-area:hover,.upload-area--active{background:#f3c96914!important;border-color:var(--color-primary)!important}.ce-controls,.gs-mode-options,.gs-fields-detail,.exif-fixer__panel,.tool-container{box-shadow:inset 0 1px #ffffff08}.ce-controls__btn,.ce-harmony__tab,.ce-export__tab,.gs-btn,.gs-mode-card,.gs-precision-btn,.exif-fixer__tab{color:var(--color-text-primary)!important}.ce-controls__btn--active,.ce-harmony__tab--active,.ce-export__tab--active,.gs-mode-card--active,.gs-precision-btn--active,.exif-fixer__tab--active,.position-cell--active{background:#f3c96929!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.ce-extract-btn,.gs-process-btn{color:#12100b!important}.ce-color-card__hex,.ce-color-card__name,.ce-section-title,.gs-section-title,.gs-filename,.gs-location,.gs-field-count,.exif-fixer__upload-title,.exif-fixer__filename-item span:first-child,.exif-fixer__result-name{color:var(--color-text-primary)!important}.ce-color-card__detail,.ce-color-card__percent,.ce-harmony__hex,.ce-upload__hint,.gs-upload__hint,.gs-text,.gs-filesize,.gs-camera,.exif-fixer__upload-hint,.exif-fixer__panel-desc,.exif-fixer__result-dates,.exif-fixer__camera,.gs-comparison-label,.gs-comparison-fields,.gs-comparison-value,.gs-no-data,.gs-coord-hint,.gs-fields-more{color:var(--color-text-secondary)!important}.ce-copy-btn,.gs-btn,.exif-fixer__table th,.exif-fixer__table td{background:#0d1114b8!important}.ce-export__code-wrapper,.gs-file-table-wrapper,.exif-fixer__table-wrap{background:#0d1114c7!important}.cookie-consent[data-astro-cid-garwan2p]{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--color-bg-primary, #fff);border-top:2px solid var(--color-primary, #2563eb);box-shadow:0 -4px 20px #0000001f;padding:var(--space-4) var(--space-6);animation:cookie-slide-up .35s ease-out}@keyframes cookie-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent__content[data-astro-cid-garwan2p]{max-width:var(--max-width, 1200px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.cookie-consent__text[data-astro-cid-garwan2p]{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0;flex:1;min-width:280px;line-height:1.5}.cookie-consent__text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]{color:var(--color-primary, #2563eb);text-decoration:underline;white-space:nowrap}.cookie-consent__actions[data-astro-cid-garwan2p]{display:flex;gap:var(--space-3);flex-shrink:0}@media (max-width: 640px){.cookie-consent__content[data-astro-cid-garwan2p]{flex-direction:column;align-items:stretch;text-align:center}.cookie-consent__actions[data-astro-cid-garwan2p]{justify-content:center}}