:root{--color-bg:#fafafa;--color-surface:#ffffff;--color-surface-hover:#f5f5f5;--color-surface-active:#ebebeb;--color-border:#eaeaea;--color-border-strong:#d1d1d1;--color-text:#111111;--color-text-secondary:#666666;--color-text-tertiary:#999999;--color-primary:#000000;--color-primary-hover:#333333;--color-primary-light:#f5f5f5;--color-primary-text:#ffffff;--color-accent:#0066ff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-text:#047857;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-error-text:#b91c1c;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-teal:#0d9488;--color-teal-soft:#f0fdfa;--color-coral:#e11d48;--color-coral-soft:#fff1f2;--color-purple:#7c3aed;--color-purple-soft:#f5f3ff;--color-orange:#ea580c;--color-orange-soft:#fff7ed;--color-privacy-local:#10b981;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"IBM Plex Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.5rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.01em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-full:9999px;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--page-max-width:1040px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh}.header__logo-text,.page__title,.panel__title,.tool-card__title,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.header{justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header,.header__logo{display:flex;align-items:center}.header__logo{gap:var(--space-2);text-decoration:none;color:var(--color-text)}.header__logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.header__nav{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-4)}.header__nav,.header__nav a{color:var(--color-text-secondary)}.header__nav a{text-decoration:none;transition:color var(--duration-fast)}.header__nav a:hover{color:var(--color-text)}.page{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.page__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1)}.page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.workspace{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}@media (max-width:900px){.workspace{grid-template-columns:1fr}}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);border:1px solid var(--color-border-strong);border-radius:0;background:var(--color-surface);cursor:pointer;text-align:center;position:relative;overflow:hidden;transition:none}.upload-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.upload-zone:hover{border-color:var(--color-primary);box-shadow:8px 8px 0 0 var(--color-border);transform:translateY(-2px)}.upload-zone:hover:before{transform:scaleX(1)}.upload-zone--active{border-color:var(--color-primary);background-color:hsl(220,30%,96%);border-style:solid}.upload-zone--has-image{padding:0;border:none;background:var(--color-surface);cursor:default;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.upload-zone__icon{font-size:2.5rem;margin-bottom:var(--space-4);opacity:.4;display:flex;justify-content:center;align-items:center}.upload-zone__text{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.upload-zone__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.capture-btn{width:100%;margin-top:var(--space-3);gap:var(--space-2)}.camera-overlay,.capture-btn{display:flex;align-items:center;justify-content:center}.camera-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85);padding:var(--space-4)}.camera-modal{background:var(--color-bg);border-radius:var(--radius-xl,16px);width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4)}.camera-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.camera-modal__title{font-weight:600;font-size:var(--text-base)}.camera-modal__close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast)}.camera-modal__close:hover{background:var(--color-surface-hover)}.camera-modal__body{position:relative;background:#000;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.camera-modal__video{width:100%;height:100%;object-fit:cover;display:block}.camera-modal__error{color:var(--color-text-secondary);text-align:center;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.camera-modal__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border)}.camera-modal__shutter{width:64px;height:64px;border-radius:50%;border:4px solid var(--color-text);background:transparent;cursor:pointer;position:relative;transition:transform .12s,border-color .12s}.camera-modal__shutter:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-text);opacity:.15;transition:opacity .12s}.camera-modal__shutter:hover:after{opacity:.3}.camera-modal__shutter:active{transform:scale(.9)}.camera-modal__shutter:disabled{opacity:.3;cursor:not-allowed}.camera-modal__flip{width:44px;height:44px;padding:0;font-size:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.cropper{flex-direction:column}.cropper,.cropper__header{display:flex;gap:var(--space-3)}.cropper__header{align-items:baseline}.cropper__title{font-weight:600;font-size:var(--text-base)}.cropper__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.cropper__canvas-wrap{position:relative;width:100%;height:340px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);cursor:crosshair}.cropper__canvas{display:block;width:100%;height:100%;touch-action:none}.cropper__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.img2pdf-progress{display:flex;gap:6px;justify-content:center;margin-bottom:var(--space-3)}.img2pdf-progress__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);transition:background var(--duration-fast),transform var(--duration-fast)}.img2pdf-progress__dot--done{background:var(--color-success)}.img2pdf-progress__dot--active{background:var(--color-primary);transform:scale(1.4)}.img2pdf-thumbs{display:flex;gap:var(--space-2);flex-wrap:wrap}.img2pdf-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--color-border);flex-shrink:0}.img2pdf-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.img2pdf-thumb__remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast)}.img2pdf-thumb:hover .img2pdf-thumb__remove{opacity:1}.img2pdf-thumb__label{position:absolute;bottom:2px;left:2px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%}.img2pdf-thumb__label,.preview-container{display:flex;align-items:center;justify-content:center}.preview-container{position:relative;background:hsl(220,10%,15%);min-height:300px;max-height:500px;border-radius:var(--radius-lg);overflow:hidden}.preview-container img{max-width:100%;max-height:500px;object-fit:contain}.preview-container__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:linear-gradient(transparent 60%,hsla(220,10%,10%,.6))}.preview-container__info{font-size:var(--text-xs);color:white;font-family:var(--font-mono);opacity:.8}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.panel__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.panel__title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.panel__body{padding:var(--space-4) var(--space-5)}.preset-category{margin-bottom:var(--space-4)}.preset-category:last-child{margin-bottom:0}.preset-category__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.preset-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);background:var(--color-surface)}.preset-card{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--color-border);border-radius:0;cursor:pointer;background:transparent;width:100%;text-align:left;transition:none}.preset-card:last-child{border-bottom:none}.preset-card--selected,.preset-card:hover{background:var(--color-surface-hover)}.preset-card--selected{border-left:3px solid var(--color-primary);padding-left:calc(var(--space-4) - 3px)}.preset-card__image-container{display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);padding:var(--space-2)}.preset-card__image-container img{width:100%;height:100%;max-height:64px;object-fit:contain}.preset-card__content{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3)}.preset-card--portrait{flex-direction:row}.preset-card--portrait .preset-card__image-container{width:90px;border-right:1px solid var(--color-border)}.preset-card--portrait .preset-card__content{text-align:left;align-items:flex-start}.preset-card--landscape{flex-direction:column}.preset-card--landscape .preset-card__image-container{width:100%;height:90px;border-bottom:1px solid var(--color-border)}.preset-card--landscape .preset-card__content{text-align:center;align-items:center;padding:var(--space-2)}.preset-card__name{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight)}.preset-card__desc{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.preset-card__specs{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);margin-top:var(--space-1)}.custom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.custom-inputs--full{grid-template-columns:1fr}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group__label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.input-group__field{height:40px;padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);transition:border-color var(--duration-fast);outline:none;width:100%}.input-group__field:focus{border-color:var(--color-primary)}.input-group__unit{font-size:var(--text-xs);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-tight);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid transparent}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary)}.btn--success{background:var(--color-success);color:white;width:100%}.btn--success:hover{background:hsl(152,56%,32%);box-shadow:var(--shadow-md)}.btn-group{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.result__header--pass{background:var(--color-success-bg)}.result__header--fail{background:var(--color-error-bg)}.result__status-icon{font-size:var(--text-xl)}.result__status-text{font-weight:600;font-size:var(--text-base)}.result__body{display:flex;gap:var(--space-5);padding:var(--space-5)}.result__preview{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;background:hsl(220,10%,92%);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.result__preview img{width:100%;height:100%;object-fit:contain}.result__checks{flex:1 1;flex-direction:column}.result__check,.result__checks{display:flex;gap:var(--space-2)}.result__check{align-items:center;font-size:var(--text-sm);font-family:var(--font-mono)}.result__check--pass{color:var(--color-success-text)}.result__check--fail{color:var(--color-error-text)}.result__actions{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3)}.privacy-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-privacy-local);font-weight:500;padding:var(--space-1) var(--space-3);background:var(--color-success-bg);border-radius:100px}.privacy-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--color-privacy-local)}.spinner{width:20px;height:20px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--color-text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.tabs{gap:0;background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-4)}.tab,.tabs{display:flex}.tab{flex:1 1;height:36px;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:calc(var(--radius-sm) - 2px);transition:background-color var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast);cursor:pointer}.tab--active,.tab:hover{color:var(--color-text)}.tab--active{background:var(--color-surface);box-shadow:var(--shadow-xs);font-weight:600}.note{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);line-height:var(--leading-relaxed);padding:var(--space-2) var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-sm)}@media (max-width:900px){.page{padding:var(--space-4) var(--space-4)}.upload-zone{padding:var(--space-10) var(--space-4)}.preset-grid{grid-template-columns:1fr 1fr}.result__body{align-items:center}.btn-group,.result__body{flex-direction:column}}.file-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.file-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.file-list__item-info{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.file-list__item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list__item-size{color:var(--color-text-tertiary);font-size:var(--text-xs);white-space:nowrap}.file-list__item-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-secondary);transition:background-color var(--duration-fast),color var(--duration-fast)}.icon-btn:hover{color:var(--color-text)}.icon-btn:hover,.progress-bar{background:var(--color-border)}.progress-bar{width:100%;height:6px;border-radius:3px;overflow:hidden;margin-top:var(--space-3)}.progress-bar__fill{height:100%;background:var(--color-primary);transition:width var(--duration-normal) var(--ease-out)}.size-comparison{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-md)}.size-comparison__item{display:flex;flex-direction:column}.size-comparison__label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.size-comparison__value{font-size:var(--text-lg);font-weight:600;font-family:var(--font-mono)}.size-comparison__arrow{color:var(--color-text-tertiary);font-size:var(--text-xl)}.page-range-input{display:flex;flex-direction:column;gap:var(--space-2)}.page-range-input__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--space-6)}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.app-header__brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-tight)}.app-header__brand-icon{color:var(--color-primary);width:24px;height:24px}.app-header__nav{display:flex;align-items:center;gap:var(--space-6)}.app-header__nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--duration-fast)}.app-header__nav-link--active,.app-header__nav-link:hover{color:var(--color-primary)}.app-header__actions{display:flex;align-items:center;gap:var(--space-3)}.hero{padding:var(--space-20) 0 var(--space-16);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media (max-width:900px){.hero__inner{grid-template-columns:1fr;text-align:center}}.hero__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero__title{font-size:var(--text-5xl);font-weight:800;color:var(--color-text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.hero__title-highlight{color:var(--color-primary)}.hero__subtitle{font-size:var(--text-xl);font-weight:600;color:var(--color-text-secondary)}.hero__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px}@media (max-width:900px){.hero__description{margin:0 auto}}.hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media (max-width:900px){.hero__badges{justify-content:center}}.hero__trust{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}@media (max-width:900px){.hero__trust{justify-content:center}}.hero__trust-icon{color:var(--color-primary)}.hero__trust-text{color:var(--color-text-secondary)}.hero__trust-text,.info-badge{font-size:var(--text-sm);font-weight:500}.info-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text)}.info-badge__icon{color:var(--color-primary)}.hero-graphic{width:100%;aspect-ratio:4/3}.hero-graphic,.hero-graphic__window{position:relative;display:flex;align-items:center;justify-content:center}.hero-graphic__window{width:80%;height:70%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1;overflow:hidden}.hero-graphic__window-top{position:absolute;top:0;left:0;right:0;height:24px;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-3);gap:6px}.hero-graphic__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong)}.hero-graphic__shield{color:var(--color-primary);width:64px;height:64px}.hero-graphic__float{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);z-index:2;display:flex;align-items:center;justify-content:center;font-weight:700}.hero-graphic__float--1{top:10%;left:5%;color:var(--color-success)}.hero-graphic__float--2{bottom:20%;left:0;background:#ea4335;color:white;border-color:#ea4335}.hero-graphic__float--3{top:15%;right:5%;color:#fbbc04}.hero-graphic__float--4{bottom:15%;right:10%;color:#a142f4}.section{padding:var(--space-16) 0;background:var(--color-bg)}.section--white{background:var(--color-surface)}.section__header{text-align:center;margin-bottom:var(--space-12)}.section__title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);letter-spacing:var(--tracking-tight)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-2)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;text-decoration:none;position:relative;transition:none}.tool-card:hover{border-color:var(--color-border-strong);box-shadow:4px 4px 0 0 var(--color-border-strong)}.tool-card__icon-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);border-radius:var(--radius-xl)}.tool-card__icon{width:36px;height:36px}.tool-card__icon-wrap--blue{color:var(--color-primary);background:var(--color-primary-light)}.tool-card__icon-wrap--green{color:var(--color-success);background:var(--color-success-bg)}.tool-card__icon-wrap--purple{color:#8b5cf6;background:#ede9fe}.tool-card__icon-wrap--red{color:#ea4335;background:#fce8e6}.tool-card__icon-wrap--orange{color:#f9ab00;background:#fef7e0}.tool-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.tool-card__subtitle{font-size:var(--text-sm);color:var(--color-success);font-weight:500;margin-bottom:var(--space-3)}.tool-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.tool-card__badge{position:absolute;top:-12px;right:24px;background:var(--color-primary-light);color:var(--color-primary);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:4px 10px;border-radius:999px;border:1.5px solid var(--color-surface);box-shadow:var(--shadow-sm);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tool-card__badge--red{background:var(--color-coral-soft);color:var(--color-coral)}.tool-card__badge--green{background:var(--color-teal-soft);color:var(--color-teal)}.tool-card__badge--purple{background:var(--color-purple-soft);color:var(--color-purple)}.tool-card__badge--orange{background:var(--color-orange-soft);color:var(--color-orange)}.feature-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-4)}.feature-item__icon{color:var(--color-text);width:24px;height:24px;flex-shrink:0}.feature-item__content{display:flex;flex-direction:column}.feature-item__title{font-weight:600;font-size:var(--text-base);margin-bottom:2px}.feature-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.app-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.app-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}@media (max-width:900px){.app-footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.app-footer__grid{grid-template-columns:1fr}}.app-footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.app-footer__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:320px}.app-footer__col{display:flex;flex-direction:column;gap:var(--space-4)}.app-footer__title{font-weight:600;font-size:var(--text-base);color:var(--color-text)}.app-footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.app-footer__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-fast);display:inline-block}.app-footer__link:hover{color:var(--color-primary)}.app-footer__promise{background:var(--color-success-bg);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-2)}.app-footer__promise-icon{color:var(--color-success)}.app-footer__promise-text{font-size:var(--text-sm);color:var(--color-success-text);font-weight:500}.app-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width:600px){.app-footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.app-footer__legal{display:flex;gap:var(--space-6)}.app-footer__legal a{color:inherit;text-decoration:none}.app-footer__legal a:hover{color:var(--color-text-secondary)}.google-translate-container{display:inline-block}.goog-te-combo{background-color:var(--color-surface)!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:6px 12px!important;font-family:var(--font-sans)!important;font-size:var(--text-sm)!important;color:var(--color-text)!important;cursor:pointer;height:36px!important;outline:none}.goog-te-combo:focus{border-color:var(--color-primary)!important}.goog-te-gadget{display:flex!important}.goog-te-gadget>span{font-size:0!important;color:transparent!important}.goog-te-banner-frame.skiptranslate,.goog-te-gadget>span>a{display:none!important}.hero-airy{animation:fadeIn .8s ease-out}.card-airy{display:flex;flex-direction:column;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-xs);transition:transform var(--duration-normal),box-shadow var(--duration-normal),border-color var(--duration-normal)}.card-airy:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.card-airy__icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.card-airy__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.card-airy__desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.premium-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);text-decoration:none;transition:all var(--duration-fast)}.premium-btn--primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-sm)}.premium-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.premium-btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.premium-btn--secondary:hover{background:var(--color-surface-hover)}.benefit-card{padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast),border-color var(--duration-fast)}.benefit-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.benefit-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface-hover);color:var(--color-text);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);border:1px solid var(--color-border)}.benefit-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.benefit-card__desc{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.premium-tool-card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;text-decoration:none;transition:none}.premium-tool-card:hover{border-color:var(--color-border-strong);box-shadow:4px 4px 0 0 var(--color-border-strong)}.premium-tool-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.premium-tool-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface-hover);color:var(--color-text);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.premium-tool-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.premium-tool-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.goog-te-gadget,.google-translate-container{display:flex;align-items:center}.goog-te-gadget{font-family:var(--font-sans)!important;color:transparent!important;font-size:0!important}.goog-te-gadget .goog-te-combo{font-size:var(--text-sm)!important;color:var(--color-text)!important;padding:6px 32px 6px 12px!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border)!important;background-color:var(--color-surface)!important;font-family:var(--font-sans)!important;outline:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:16px!important;cursor:pointer!important;transition:all var(--duration-fast)!important;margin:0!important}.goog-te-gadget .goog-te-combo:focus,.goog-te-gadget .goog-te-combo:hover{border-color:var(--color-primary)!important;box-shadow:0 0 0 1px var(--color-primary)!important}.goog-logo-link,.goog-te-gadget span,.skiptranslate iframe{display:none!important}.nav-item{position:relative;height:100%}.nav-item,.nav-link{display:flex;align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:600;gap:4px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-fast)}.nav-item:hover .nav-link,.nav-link:hover{color:var(--color-text);background:var(--color-surface-hover)}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:1000px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:0;box-shadow:4px 4px 0 0 var(--color-border-strong);padding:var(--space-6);opacity:0;visibility:hidden;pointer-events:none;z-index:200}.nav-item:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto}.mega-menu__grid{display:flex;gap:var(--space-8)}.mega-menu__col{display:flex;flex-direction:column;gap:var(--space-3);min-width:180px}.mega-menu__title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:6px}.mega-menu__title-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary)}.mega-menu__link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;display:flex;align-items:center;gap:8px;padding:var(--space-1) 0;transition:color var(--duration-fast)}.mega-menu__link:hover{color:var(--color-primary)}.badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:100px}.badge--hot{background:#fef2f2;color:#ef4444}.badge--new{background:#f0fdf4;color:#22c55e}.badge--updated{background:#eff6ff;color:#3b82f6}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}}@media (min-width:1025px){.mobile-toggle{display:none!important}}.mobile-menu-overlay{position:fixed;inset:0;top:var(--header-height);background:var(--color-surface);z-index:90;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.mobile-menu-overlay a{text-decoration:none;color:var(--color-text);font-size:var(--text-lg);font-weight:600;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:block}*{-webkit-tap-highlight-color:transparent}.goog-text-highlight,font{background-color:transparent!important;box-shadow:none!important}#goog-gt-tt,.goog-te-balloon-frame{display:none!important}body{top:0!important}.skiptranslate>iframe.skiptranslate{display:none!important;visibility:hidden!important}.swiss-layout{display:grid;grid-template-columns:320px 1fr 340px;min-height:calc(100vh - var(--header-height));border-bottom:1px solid var(--color-border);background:var(--color-bg)}@media (max-width:1200px){.swiss-layout{grid-template-columns:260px 1fr 300px}}@media (max-width:900px){.swiss-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.swiss-panel{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface)}.swiss-panel:last-child{border-right:none}@media (max-width:900px){.swiss-panel{border-right:none;border-bottom:1px solid var(--color-border);min-height:50vh}}.swiss-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-hover);display:flex;align-items:center;justify-content:space-between}.swiss-header__title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.swiss-header__badge{font-family:var(--font-mono);font-size:9px;padding:2px 6px;background:var(--color-primary);color:var(--color-surface);border-radius:4px}.swiss-body{padding:0;flex:1 1;overflow-y:auto}.swiss-list{display:flex;flex-direction:column}.swiss-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:background-color .1s}.swiss-list__item:last-child{border-bottom:none}.swiss-list__item:hover{background:var(--color-surface-hover)}.swiss-list__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;color:var(--color-text-secondary)}.swiss-list__item:hover .swiss-list__icon{border-color:var(--color-primary);color:var(--color-primary)}.swiss-list__content{display:flex;flex-direction:column}.swiss-list__title{font-size:var(--text-sm);font-weight:600}.swiss-list__meta{font-size:11px;font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:2px}.swiss-hero{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-12);text-align:center;background:radial-gradient(circle at center,var(--color-surface) 0,var(--color-bg) 100%);position:relative}.swiss-hero__title{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-4);color:var(--color-primary)}.swiss-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:480px;margin-bottom:var(--space-8)}.swiss-dropzone{width:100%;max-width:500px;aspect-ratio:16/9;border:1px solid var(--color-border-strong);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.swiss-dropzone:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.swiss-dropzone:hover{border-color:var(--color-primary);box-shadow:8px 8px 0 0 var(--color-border);transform:translateY(-2px)}.swiss-dropzone:hover:before{transform:scaleX(1)}.swiss-dropzone__icon{width:48px;height:48px;color:var(--color-text-secondary);transition:color .15s}.swiss-dropzone:hover .swiss-dropzone__icon{color:var(--color-primary)}.swiss-dropzone__text{font-size:var(--text-base);font-weight:600}.swiss-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:64px 64px;opacity:.5;pointer-events:none;z-index:0}.swiss-hero>*{position:relative;z-index:1}