:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-primary:#1e293b;--color-primary-hover:#0f172a;--color-primary-light:#f1f5f9;--color-primary-text:#fff;--color-accent:#f59e0b;--color-success:#10b981;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-teal:#0d9488;--color-teal-soft:#ccfbf1;--color-coral:#f43f5e;--color-coral-soft:#ffe4e6;--color-purple:#8b5cf6;--color-purple-soft:#ede9fe;--color-orange:#f97316;--color-orange-soft:#ffedd5;--color-yellow:#eab308;--color-yellow-soft:#fef08a;--color-privacy-local:#10b981;--font-sans:"Open Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Oswald", sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.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.625;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.01em;--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:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -1px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -2px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14, 0 10px 10px -5px #0f172a08;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--page-max-width:1000px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}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}h1,h2,h3,h4,h5,h6,.page__title,.panel__title,.tool-card__title,.header__logo-text{font-family:var(--font-heading)}img,svg{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.header{height:var(--header-height);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header__logo{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:flex}.header__logo-text{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:700}.header__nav{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-4);display:flex}.header__nav a{color:var(--color-text-secondary);transition:color var(--duration-fast);text-decoration:none}.header__nav a:hover{color:var(--color-text)}.page{max-width:var(--page-max-width);padding:var(--space-8) var(--space-6);margin:0 auto}.page__title{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1);font-weight:700}.page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.workspace{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:start;display:grid}@media (max-width:900px){.workspace{grid-template-columns:1fr}}.upload-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background-color var(--duration-fast);background:var(--color-surface);position:relative}.upload-zone:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.upload-zone--active{border-color:var(--color-primary);background-color:#f2f4f8;border-style:solid}.upload-zone--has-image{background:var(--color-surface);cursor:default;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:none;padding:0;overflow:hidden}.upload-zone__icon{margin-bottom:var(--space-4);opacity:.4;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.upload-zone__text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500}.upload-zone__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.capture-btn{width:100%;margin-top:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.camera-overlay{z-index:1000;padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-modal{background:var(--color-bg);border-radius:var(--radius-xl,16px);width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 64px #0006}.camera-modal__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.camera-modal__title{font-weight:600;font-size:var(--text-base)}.camera-modal__close{cursor:pointer;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast);background:0 0;border:none;font-size:1.25rem}.camera-modal__close:hover{background:var(--color-surface-hover)}.camera-modal__body{aspect-ratio:4/3;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.camera-modal__video{object-fit:cover;width:100%;height:100%;display:block}.camera-modal__error{color:var(--color-text-secondary);text-align:center;padding:var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.camera-modal__controls{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.camera-modal__shutter{border:4px solid var(--color-text);cursor:pointer;background:0 0;border-radius:50%;width:64px;height:64px;transition:transform .12s,border-color .12s;position:relative}.camera-modal__shutter:after{content:"";background:var(--color-text);opacity:.15;border-radius:50%;transition:opacity .12s;position:absolute;inset:4px}.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{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;display:flex}.cropper{gap:var(--space-3);flex-direction:column;display:flex}.cropper__header{align-items:baseline;gap:var(--space-3);display:flex}.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{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:crosshair;width:100%;height:340px;position:relative;overflow:hidden}.cropper__canvas{touch-action:none;width:100%;height:100%;display:block}.cropper__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.img2pdf-progress{margin-bottom:var(--space-3);justify-content:center;gap:6px;display:flex}.img2pdf-progress__dot{background:var(--color-border-strong);width:8px;height:8px;transition:background var(--duration-fast), transform var(--duration-fast);border-radius:50%}.img2pdf-progress__dot--done{background:var(--color-success)}.img2pdf-progress__dot--active{background:var(--color-primary);transform:scale(1.4)}.img2pdf-thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.img2pdf-thumb{border-radius:var(--radius-md);border:1.5px solid var(--color-border);flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.img2pdf-thumb__img{object-fit:cover;width:100%;height:100%;display:block}.img2pdf-thumb__remove{color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity var(--duration-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.img2pdf-thumb:hover .img2pdf-thumb__remove{opacity:1}.img2pdf-thumb__label{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:2px;left:2px}.preview-container{border-radius:var(--radius-lg);background:#22252a;justify-content:center;align-items:center;min-height:300px;max-height:500px;display:flex;position:relative;overflow:hidden}.preview-container img{object-fit:contain;max-width:100%;max-height:500px}.preview-container__overlay{padding:var(--space-4);background:linear-gradient(#0000 60%,#17191c99);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.preview-container__info{font-size:var(--text-xs);color:#fff;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);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);font-weight:600}.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);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.preset-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.preset-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast);background:var(--color-surface);padding:0;display:flex;overflow:hidden}.preset-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover);box-shadow:var(--shadow-xs)}.preset-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#f2f4f8}.preset-card__image-container{background:var(--color-surface-hover);padding:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.preset-card__image-container img{object-fit:contain;width:100%;height:100%;max-height:64px}.preset-card__content{padding:var(--space-3);flex-direction:column;flex:1;justify-content:center;display:flex}.preset-card--portrait{flex-direction:row}.preset-card--portrait .preset-card__image-container{border-right:1px solid var(--color-border);width:90px}.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{border-bottom:1px solid var(--color-border);width:100%;height:90px}.preset-card--landscape .preset-card__content{text-align:center;padding:var(--space-2);align-items:center}.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{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.custom-inputs--full{grid-template-columns:1fr}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.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{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);letter-spacing:var(--tracking-tight);transition:background-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);white-space:nowrap;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);width:100%}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn--primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--success{background:var(--color-success);color:#fff;width:100%}.btn--success:hover{box-shadow:var(--shadow-md);background:#247f55}.btn-group{gap:var(--space-3);margin-top:var(--space-4);display:flex}.result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:slideUp var(--duration-slow) var(--ease-out);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.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{gap:var(--space-5);padding:var(--space-5);display:flex}.result__preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#e9eaed;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.result__preview img{object-fit:contain;width:100%;height:100%}.result__checks{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.result__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono);display:flex}.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);gap:var(--space-3);display:flex}.privacy-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-privacy-local);padding:var(--space-1) var(--space-3);background:var(--color-success-bg);border-radius:100px;font-weight:500;display:inline-flex}.privacy-badge__dot{background:var(--color-privacy-local);border-radius:50%;width:6px;height:6px}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{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);display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.tabs{background:var(--color-surface-hover);border-radius:var(--radius-sm);margin-bottom:var(--space-4);gap:0;padding:3px;display:flex}.tab{height:36px;font-size:var(--text-sm);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;flex:1;justify-content:center;align-items:center;font-weight:500;display:flex}.tab:hover{color:var(--color-text)}.tab--active{background:var(--color-surface);color:var(--color-text);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{flex-direction:column;align-items:center}.btn-group{flex-direction:column}}.file-list{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.file-list__item{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.file-list__item-info{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.file-list__item-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.file-list__item-size{color:var(--color-text-tertiary);font-size:var(--text-xs);white-space:nowrap}.file-list__item-actions{align-items:center;gap:var(--space-2);display:flex}.icon-btn{border-radius:var(--radius-sm);background:var(--color-surface-hover);width:32px;height:32px;color:var(--color-text-secondary);transition:background-color var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-border);color:var(--color-text)}.progress-bar{background:var(--color-border);width:100%;height:6px;margin-top:var(--space-3);border-radius:3px;overflow:hidden}.progress-bar__fill{background:var(--color-primary);height:100%;transition:width var(--duration-normal) var(--ease-out)}.size-comparison{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);display:flex}.size-comparison__item{flex-direction:column;display:flex}.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{gap:var(--space-2);flex-direction:column;display:flex}.page-range-input__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.container{max-width:var(--page-max-width);padding:0 var(--space-6);margin:0 auto}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.app-header__inner{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-tight);text-decoration:none;display:flex}.app-header__brand-icon{color:var(--color-primary);width:24px;height:24px}.app-header__nav{align-items:center;gap:var(--space-6);display:flex}.app-header__nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast);font-weight:500;text-decoration:none}.app-header__nav-link:hover,.app-header__nav-link--active{color:var(--color-primary)}.app-header__actions{align-items:center;gap:var(--space-3);display:flex}.hero{padding:var(--space-20) 0 var(--space-16);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.hero__inner{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:900px){.hero__inner{text-align:center;grid-template-columns:1fr}}.hero__content{gap:var(--space-6);flex-direction:column;display:flex}.hero__title{font-size:var(--text-5xl);color:var(--color-text);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.hero__title-highlight{color:var(--color-primary)}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);font-weight:600}.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{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:900px){.hero__badges{justify-content:center}}.hero__trust{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}@media (max-width:900px){.hero__trust{justify-content:center}}.hero__trust-icon{color:var(--color-primary)}.hero__trust-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.info-badge{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);font-size:var(--text-sm);color:var(--color-text);font-weight:500;display:inline-flex}.info-badge__icon{color:var(--color-primary)}.hero-graphic{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-graphic__window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:80%;height:70%;box-shadow:var(--shadow-lg);z-index:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-graphic__window-top{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);height:24px;padding:0 var(--space-3);align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.hero-graphic__dot{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.hero-graphic__shield{color:var(--color-primary);width:64px;height:64px}.hero-graphic__float{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;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.hero-graphic__float--1{color:var(--color-success);top:10%;left:5%}.hero-graphic__float--2{color:#fff;background:#ea4335;border-color:#ea4335;bottom:20%;left:0}.hero-graphic__float--3{color:#fbbc04;top:15%;right:5%}.hero-graphic__float--4{color:#a142f4;bottom:15%;right:10%}.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);color:var(--color-text);letter-spacing:var(--tracking-tight);font-weight:700}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-2)}.tools-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tool-card{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);transition:border-color var(--duration-normal), box-shadow var(--duration-normal), transform var(--duration-normal);flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-card__icon-wrap{width:64px;height:64px;margin-bottom:var(--space-4);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex}.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);margin-bottom:var(--space-1);font-weight:600}.tool-card__subtitle{font-size:var(--text-sm);color:var(--color-success);margin-bottom:var(--space-3);font-weight:500}.tool-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.tool-card__badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;border:1.5px solid var(--color-surface);box-shadow:var(--shadow-sm);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;animation:2s infinite pulse;position:absolute;top:-12px;right:24px}@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{gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-item{align-items:flex-start;gap:var(--space-4);display:flex}.feature-item__icon{color:var(--color-text);flex-shrink:0;width:24px;height:24px}.feature-item__content{flex-direction:column;display:flex}.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{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@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{gap:var(--space-4);flex-direction:column;display:flex}.app-footer__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:320px}.app-footer__col{gap:var(--space-4);flex-direction:column;display:flex}.app-footer__title{font-weight:600;font-size:var(--text-base);color:var(--color-text)}.app-footer__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.app-footer__link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast);text-decoration:none;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);align-items:flex-start;gap:var(--space-3);margin-top:var(--space-2);display:flex}.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{padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}@media (max-width:600px){.app-footer__bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.app-footer__legal{gap:var(--space-6);display:flex}.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{cursor:pointer;outline:none;background-color:var(--color-surface)!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-size:var(--text-sm)!important;color:var(--color-text)!important;height:36px!important;padding:6px 12px!important}.goog-te-combo:focus{border-color:var(--color-primary)!important}.goog-te-gadget{align-items:center;color:#0000!important;font-size:0!important;display:flex!important}.goog-te-gadget>span{color:#0000!important;font-size:0!important}.goog-te-gadget>span>a,.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}.hero-airy{animation:.8s ease-out fadeIn}.card-airy{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);box-shadow:var(--shadow-xs);transition:transform var(--duration-normal), box-shadow var(--duration-normal), border-color var(--duration-normal);flex-direction:column;text-decoration:none;display:flex}.card-airy:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-4px)}.card-airy__icon-wrap{border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.card-airy__title{font-size:var(--text-xl);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight);font-weight:700}.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)}}