:root{--brand-50:#f0f3ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--success-base:#10b981;--success-light:#ecfdf5;--success-dark:#065f46;--warning-base:#f59e0b;--warning-light:#fffbeb;--warning-dark:#92400e;--error-base:#ef4444;--error-light:#fef2f2;--error-dark:#991b1b;--color-bg-page:var(--neutral-50);--color-bg-card:#fff;--color-bg-subtle:var(--neutral-100);--color-bg-overlay:#0f172a66;--color-border:#e2e8f0cc;--color-border-strong:var(--neutral-300);--color-border-focus:var(--brand-500);--color-text-primary:var(--neutral-800);--color-text-secondary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-text-inverse:#fff;--color-text-link:var(--brand-600);--color-interactive:var(--brand-600);--color-interactive-hover:var(--brand-700);--color-interactive-press:var(--brand-800);--color-interactive-subtle:var(--brand-50);--color-interactive-disabled:var(--neutral-200);--color-success:var(--success-base);--color-success-bg:var(--success-light);--color-warning:var(--warning-base);--color-warning-bg:var(--warning-light);--color-error:var(--error-base);--color-error-bg:var(--error-light);--shadow-sm:0 1px 2px 0 #0f172a08;--shadow-md:0 8px 16px -2px #0f172a0a, 0 2px 4px -2px #0f172a08, 0 0 0 1px #0f172a03;--shadow-lg:0 16px 32px -4px #0f172a0f, 0 4px 12px -2px #0f172a0a, 0 0 0 1px #0f172a03;--shadow-xl:0 24px 48px -8px #0f172a14, 0 8px 18px -4px #0f172a0f, 0 0 0 1px #0f172a03;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--gradient-brand:linear-gradient(135deg, #0c2c55 0%, #296374 100%);--gradient-brand-soft:linear-gradient(135deg, #29637417 0%, #629fad0f 100%);--gradient-brand-text:linear-gradient(135deg, #0c2c55 0%, #296374 100%)}@media (prefers-color-scheme:dark){:root{--color-bg-page:#0b0f19;--color-bg-card:#0f1624d9;--color-bg-subtle:#111827;--color-bg-overlay:#000000b3;--color-border:#ffffff0f;--color-border-strong:#ffffff1f;--color-border-focus:var(--brand-400);--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-disabled:#475569;--color-text-inverse:#0f172a;--color-text-link:var(--brand-300);--color-interactive:var(--brand-400);--color-interactive-hover:var(--brand-300);--color-interactive-press:var(--brand-200);--color-interactive-subtle:#6366f126;--color-interactive-disabled:#1f2937;--color-success:#34d399;--color-success-bg:#10b9811a;--color-warning:#fbbf24;--color-warning-bg:#f59e0b1a;--color-error:#f87171;--color-error-bg:#ef44441a;--shadow-sm:none;--shadow-md:0 4px 20px -2px #0009;--shadow-lg:0 16px 36px -4px #000000b3;--shadow-xl:0 24px 48px -6px #000c;--gradient-brand:linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #60a5fa 100%);--gradient-brand-soft:linear-gradient(135deg, #6366f11f 0%, #3b82f614 100%);--gradient-brand-text:linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #38bdf8 100%)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;background-attachment:fixed;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.625}@media (prefers-color-scheme:dark){body{background-image:none}}#root{max-width:1200px;margin:0 auto;padding:32px 20px}@media (width>=768px){#root{padding:64px 32px}}h1,h2,h3,h4{color:var(--color-text-primary);letter-spacing:-.02em;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:600}input,button,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}a:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-page)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-bg-page);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-bg-page:#f9f7f7;--color-bg-card:#fff;--color-bg-subtle:#dbe2ef;--color-border:#3f72af29;--color-border-strong:#3f72af59;--color-border-focus:#3f72af;--color-text-primary:#112d4e;--color-text-secondary:#3f72af;--color-text-disabled:#7e98b3;--color-text-inverse:#f9f7f7;--color-text-link:#3f72af;--color-interactive:#3f72af;--color-interactive-hover:#112d4e;--color-interactive-press:#0a1b2f;--color-interactive-subtle:#3f72af14;--color-interactive-disabled:#3f72af26;--gradient-brand:linear-gradient(135deg, #112d4e 0%, #3f72af 100%);--gradient-brand-soft:linear-gradient(135deg, #3f72af14 0%, #dbe2ef0d 100%);--gradient-brand-text:linear-gradient(135deg, #112d4e 0%, #3f72af 100%);--shadow-sm:0 1px 3px #112d4e0f;--shadow-md:0 8px 24px -16px #112d4e40;--shadow-lg:0 18px 40px -24px #112d4e52;--shadow-xl:0 26px 56px -30px #112d4e61}body{background-image:radial-gradient(110% 40% at 50% -4%,#3f72af1c 0%,#0000 100%)}#root{max-width:1180px}@media (prefers-color-scheme:dark){:root{--color-bg-page:#06101c;--color-bg-card:#112d4eb8;--color-bg-subtle:#0b1a2d;--color-border:#3f72af2e;--color-border-strong:#3f72af59;--color-border-focus:#3f72af;--color-text-primary:#f9f7f7;--color-text-secondary:#90a9c6;--color-text-disabled:#f9f7f75c;--color-text-inverse:#112d4e;--color-text-link:#90a9c6;--color-interactive:#90a9c6;--color-interactive-hover:#f9f7f7;--color-interactive-press:#fff;--color-interactive-subtle:#3f72af26;--color-interactive-disabled:#3f72af33;--gradient-brand:linear-gradient(135deg, #3f72af 0%, #112d4e 100%);--gradient-brand-soft:linear-gradient(135deg, #3f72af29 0%, #112d4e1a 100%);--gradient-brand-text:linear-gradient(135deg, #dbe2ef 0%, #f9f7f7 100%);--color-success:#4ade80;--color-success-bg:#4ade801a;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-error:#f87171;--color-error-bg:#f871711a;--shadow-sm:none;--shadow-md:0 4px 20px -2px #0000008c;--shadow-lg:0 16px 36px -4px #000000a6;--shadow-xl:0 24px 48px -6px #000000bf}body{background-image:radial-gradient(110% 40% at 50% -4%,#3f72af33 0%,#0000 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-glow{0%,to{border-color:#6366f166;box-shadow:0 0 #6366f133}50%{border-color:#6366f199;box-shadow:0 0 0 8px #6366f100}}@keyframes slide-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes check-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.app-main{padding-inline:clamp(16px,4vw,48px);flex-direction:column;padding-top:24px;padding-bottom:80px;display:flex}.page-section--library{padding-top:0}.section-header{align-items:flex-start;gap:16px;max-width:650px;margin-bottom:28px;display:flex}.section-header__icon-wrap{background:var(--gradient-brand-soft);width:46px;height:46px;color:var(--color-interactive);box-shadow:var(--shadow-sm);border:1px solid #6366f126;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-header__title{letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:700}.section-header__subtitle{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.5}.hero{text-align:center;margin-bottom:56px;padding:16px 0 32px;position:relative}.hero__glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:500px;max-width:100%;height:300px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.hero__badge{color:var(--color-interactive);background:var(--color-interactive-subtle);box-shadow:var(--shadow-sm);border:1px solid #6366f133;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.8125rem;font-weight:600;animation:4s ease-in-out infinite float;display:inline-flex}.hero__title{letter-spacing:-.04em;max-width:720px;margin:0 auto 20px;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;line-height:1.12}.hero__highlight{color:var(--color-interactive)}.hero__lead{color:var(--color-text-secondary);max-width:580px;margin:0 auto 32px;font-size:1.125rem;line-height:1.625}.hero__trust{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;padding:0;list-style:none;display:flex}.hero__trust-item{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:12px 18px;font-size:.875rem;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex}.hero__trust-item:hover{box-shadow:var(--shadow-md);border-color:#6366f140;transform:translateY(-3px)}.hero__trust-icon{color:var(--color-interactive);display:flex}.hero__steps{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px dashed var(--color-border-strong);max-width:480px;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 6px;margin:0 auto;padding:20px 24px;display:flex}.hero__step{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:8px;min-width:80px;font-size:.8125rem;font-weight:600;display:flex}.hero__step svg{color:var(--color-interactive);transition:transform .2s}.hero__step:hover svg{transform:scale(1.1)}.hero__step-num{background:var(--color-interactive);width:22px;height:22px;color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}.hero__step-arrow{color:var(--color-text-disabled);padding:0 6px;font-size:1.5rem;font-weight:300}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);padding:32px;transition:border-color .2s,box-shadow .2s}.card--narrow{max-width:650px;margin-left:auto;margin-right:auto}.checker-card{box-shadow:var(--shadow-lg);margin-bottom:48px;position:relative;overflow:hidden}.checker-card:before{content:"";background:var(--gradient-brand);height:5px;position:absolute;top:0;left:0;right:0}.checker-skeleton{min-height:200px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.95rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{background:var(--gradient-brand);color:var(--color-text-inverse);border:none;box-shadow:0 4px 12px #6366f140}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn--primary:active{transform:translateY(1px)scale(.96)}.btn--secondary{background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--secondary:hover{border-color:var(--color-interactive);background-color:var(--color-interactive-subtle);color:var(--color-interactive);transform:translateY(-1px)}.btn--ghost{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:8px;display:flex}.btn--ghost:hover{background-color:var(--color-border-strong);color:var(--color-text-primary);transform:scale(1.05)}.btn--ghost.is-locked,.btn--lock.is-locked{color:var(--color-interactive);background:var(--color-interactive-subtle);box-shadow:var(--shadow-sm);border-color:#6366f133}.btn--block{width:100%}.btn--compact{min-height:40px;padding:8px 16px;font-size:.875rem}.btn--download{border-radius:var(--radius-md);min-height:52px;margin-top:12px;font-size:1.0625rem}.field{margin-bottom:20px}.field--inline{flex:1;min-width:0}.label{color:var(--color-text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:.875rem;font-weight:700;display:flex}.label svg{color:var(--color-interactive)}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-bg-card);width:100%;color:var(--color-text-primary);padding:12px 16px;font-size:.95rem;transition:all .2s;box-shadow:inset 0 1px 2px #0f172a05}.input:hover,.select:hover{border-color:var(--color-interactive)}.input:focus,.select:focus{border-color:var(--color-interactive);outline:none;box-shadow:0 0 0 3px #6366f126}.range-input{width:100%;accent-color:var(--color-interactive);background:var(--color-border-strong);cursor:pointer;border-radius:3px;outline:none;height:6px}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.875rem;line-height:1.5;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.alert--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444440}.alert--warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b40}.chip{border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.chip--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.chip--muted{background-color:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border)}.chip--filter{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);padding:10px 18px}.chip--filter:hover{border-color:var(--color-interactive);color:var(--color-interactive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chip--filter.is-active{background:var(--gradient-brand-soft);border-color:var(--color-interactive);color:var(--color-interactive);transform:translateY(-1px);box-shadow:0 4px 10px #6366f11a}.dropzone{text-align:center;cursor:pointer;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px dashed #3f72af40;flex-direction:column;align-items:center;padding:56px 36px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.dropzone:hover{border-color:var(--color-interactive);background:var(--color-interactive-subtle);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dropzone.is-dragging{border-color:var(--color-interactive);background:var(--color-interactive-subtle);box-shadow:var(--shadow-xl);transform:scale(1.02)}.dropzone__icon-ring{background:var(--gradient-brand-soft);width:76px;height:76px;color:var(--color-interactive);border:1px solid #3f72af26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 22px;animation:3s ease-in-out infinite pulse-glow;display:flex}.dropzone.is-dragging .dropzone__icon-ring{background:var(--color-interactive);color:var(--color-text-inverse);animation:none;transform:scale(1.1)}.dropzone__icon-pulse{animation:.6s cubic-bezier(.16,1,.3,1) infinite slide-gentle}.dropzone__title{letter-spacing:-.01em;width:100%;margin-bottom:8px;font-size:1.35rem;font-weight:700;display:block}.dropzone__subtitle{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;font-size:.93rem;display:flex}.dropzone__privacy{color:var(--color-success);background:var(--color-success-bg);border:1px solid #10b98126;border-radius:100px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.search-wrap{max-width:650px;margin:0 auto 28px}.search-wrap__heading{color:var(--color-text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:1.125rem;font-weight:700;display:flex}.search-wrap__heading svg{color:var(--color-interactive)}.search-wrap__hint{color:var(--color-text-secondary);margin-bottom:16px;font-size:.875rem;line-height:1.45}.search-input-wrap{position:relative}.search-icon{color:var(--color-interactive);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);min-height:58px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-strong);background-color:var(--color-bg-card);padding:16px 52px 16px 56px;font-size:1.0625rem}.search-input:focus{border-color:var(--color-interactive);box-shadow:0 0 0 4px #6366f11f, var(--shadow-md)}.search-clear{background:var(--color-bg-subtle);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{background:var(--color-border-strong);color:var(--color-text-primary)}.platform-filters-wrap{max-width:950px;margin:0 auto 12px}.platform-filters__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;font-weight:700;display:flex}.platform-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.results-meta{color:var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;max-width:420px;margin-bottom:28px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:.95rem;display:flex}.results-meta strong{color:var(--color-interactive)}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:56px;display:grid}.spec-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;padding:28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;display:flex;position:relative}.spec-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f140;transform:translateY(-4px)}.spec-card__head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.spec-card__icon{width:52px;height:52px;box-shadow:var(--shadow-sm);border:1px solid #ffffff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.spec-card__meta-row{align-items:center;gap:8px;margin-bottom:3px;display:flex}.spec-card__platform{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:.7rem;font-weight:700}.spec-card__badge{color:var(--color-text-disabled);border:1px solid var(--color-border);background:0 0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:600;line-height:1.4;display:inline-flex}.spec-card__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.spec-card__footer{border-top:1px solid var(--color-border);margin-top:auto;padding-top:16px}.spec-card__desc{color:var(--color-text-secondary);margin-bottom:12px;font-size:.85rem;line-height:1.55}.dimension-main{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.dimension-btn{background-color:var(--color-bg-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:inherit;justify-content:space-between;align-items:center;padding:14px 18px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.dimension-btn--hero:hover{border-color:var(--color-interactive);box-shadow:var(--shadow-sm);background:#3f72af14;transform:translateY(-1px)}.dimension-btn--hero:active{transform:translateY(1px)}.dimension-btn__nums{letter-spacing:-.03em;color:var(--color-text-primary);font-size:1.5rem;font-weight:800}.dimension-copy-part{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:8px;margin:0 -4px;padding:2px 8px;font-family:inherit;transition:all .15s;display:inline-block}.dimension-copy-part:hover{color:var(--color-interactive);background:#3f72af26}.dimension-copy-part:active{transform:scale(.95)}.dimension-btn__x{color:var(--color-text-disabled);padding:0 2px;font-weight:500}.dimension-btn__unit{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:.75rem;font-weight:600;display:block}.dimension-btn__action{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.dimension-btn__action.is-copied{color:var(--color-success);background:var(--color-success-bg);animation:.25s cubic-bezier(.16,1,.3,1) check-pop}.is-copied-icon{color:var(--color-success);animation:.25s cubic-bezier(.16,1,.3,1) check-pop}.preview-header{align-items:center;gap:20px;display:flex}.preview-header--spaced{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:24px}.preview-thumb{border-radius:var(--radius-md);background-color:var(--color-bg-subtle);border:2px solid var(--color-border-strong);width:92px;height:92px;box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%}.preview-thumb__badge{background:var(--color-bg-card);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-interactive);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;right:6px}.preview-meta{flex:1;min-width:0}.preview-meta h3{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin-bottom:8px;font-size:1.15rem;font-weight:700;overflow:hidden}.preview-stats{flex-wrap:wrap;gap:12px;display:flex}.preview-stat{color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;display:inline-flex}.match-section{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.match-section--success{background:var(--color-success-bg);border-top:none;border-bottom:1px solid #10b98126;margin-left:-32px;margin-right:-32px;padding-bottom:24px;padding-left:32px;padding-right:32px}.match-section--suggest{background:var(--color-bg-subtle);border-radius:var(--radius-sm);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-left:-32px;margin-right:-32px;padding-bottom:16px;padding-left:32px;padding-right:32px}.match-section__title{text-transform:none;letter-spacing:0;color:var(--color-text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:750;display:flex}.match-section__title--success{color:var(--color-success)}.match-section__hint{color:var(--color-text-secondary);margin-bottom:14px;font-size:.875rem;line-height:1.5}.match-chips{flex-wrap:wrap;gap:10px;display:flex}.suggestion-row{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px;font-size:.875rem;transition:all .2s;display:flex}.suggestion-row:hover{border-color:var(--color-interactive);box-shadow:var(--shadow-md);transform:translateY(-1px)}.suggestion-row__main{flex:1;align-items:flex-start;gap:14px;min-width:220px;display:flex}.suggestion-row__icon{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.suggestion-row__format{color:var(--color-text-secondary);font-weight:500}.suggestion-row__issues{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:.75rem;font-weight:600;display:flex}.suggestion-row__issues svg{color:var(--color-warning)}.resize-panel{border-top:1px solid var(--color-border);margin-top:28px;padding-top:28px}.resize-panel__title{color:var(--color-text-primary);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:24px;font-size:1.25rem;font-weight:800;display:flex}.resize-panel__title svg{color:var(--color-interactive)}.resize-panel__footnote{text-align:center;color:var(--color-text-disabled);margin-top:20px;font-size:.8125rem;line-height:1.5}.resize-row{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.btn--lock{flex-shrink:0;margin-bottom:20px}.how-to{border-top:1px solid var(--color-border);margin-top:64px;padding-top:48px}.how-to__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:32px;display:grid}.how-to__card{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;position:relative;overflow:hidden}.how-to__card:hover{box-shadow:var(--shadow-md);border-color:#6366f133;transform:translateY(-4px)}.how-to__card-icon{background:var(--gradient-brand-soft);width:48px;height:48px;color:var(--color-interactive);box-shadow:var(--shadow-sm);border:1px solid #6366f11a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.how-to__step-num{text-transform:uppercase;letter-spacing:.1em;color:var(--color-interactive);font-size:.6875rem;font-weight:800;display:block}.how-to__card h3{margin:8px 0 10px;font-size:1.1rem;font-weight:700}.how-to__card p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}.empty-state{text-align:center;background:var(--color-bg-card);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--shadow-sm);margin:24px auto 48px;padding:64px 32px}.empty-state__icon{background:var(--color-bg-subtle);width:88px;height:88px;color:var(--color-text-secondary);border:2px dashed var(--color-border-strong);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.empty-state h3{margin-bottom:10px;font-size:1.25rem;font-weight:700}.empty-state p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.spin{color:var(--color-interactive);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.card{padding:24px}.match-section--success,.match-section--suggest{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}@media (width<=480px){.hero__step-arrow{display:none}.hero__steps{gap:16px;padding:16px}.resize-row{flex-wrap:wrap}.btn--lock{margin:0 auto 16px}.spec-grid{grid-template-columns:1fr}.dimension-row{flex-direction:column}}.app-main{padding-inline:clamp(16px,4vw,48px);gap:0;padding-top:24px;padding-bottom:80px}.page-section{margin-bottom:72px}.section-header{text-align:center;justify-content:center;align-items:center;margin-inline:auto}.section-header__icon-wrap{display:none}.section-header__title{font-size:clamp(1.55rem,3vw,2rem);font-weight:800}.hero{margin-bottom:68px;padding-top:8px}.hero__glow{opacity:.6}.hero__badge{border-color:var(--color-border);box-shadow:var(--shadow-sm);background:#ffffffb8;animation:none}.hero__highlight{color:inherit;box-shadow:inset 0 -.35em #6366f129}.hero__trust-item,.hero__steps,.card,.spec-card,.how-to__card,.results-meta,.search-input{box-shadow:var(--shadow-sm)}.hero__trust-item:hover,.spec-card:hover,.how-to__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero__steps{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-style:solid}.card{border-color:var(--color-border)}.checker-card{box-shadow:var(--shadow-md)}.checker-card:before{display:none}.checker-card--preview{max-width:none;padding:24px}.checker-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:start;gap:24px;display:grid}.checker-workspace__main,.resize-panel{min-width:0}.dropzone{border:1px dashed var(--color-border-strong);max-width:820px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f7f7b3;margin-inline:auto}.dropzone:hover,.dropzone.is-dragging{box-shadow:var(--shadow-md);background:var(--color-bg-card);transform:translateY(-2px)}.dropzone__icon-ring{background:var(--color-bg-subtle);border-color:var(--color-border);width:72px;height:72px;animation:none}.dropzone__selected,.dropzone__privacy{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:.8125rem;font-weight:650;display:inline-flex}.dropzone__selected{max-width:100%;color:var(--color-interactive);background:var(--color-interactive-subtle);border:1px solid #3f72af33;margin:0 auto 12px;padding:9px 14px}.btn{transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s}.btn--primary{background:var(--color-interactive);box-shadow:none}.btn--primary:hover{background:var(--color-interactive-hover);box-shadow:var(--shadow-md)}.btn--ghost{border-color:var(--color-border);background:0 0}.input,.select{box-shadow:none;background-color:#ffffffd1}.preview-header{border-bottom:1px solid var(--color-border);padding:6px 6px 22px}.preview-header--spaced{margin-bottom:0}.preview-kicker{color:var(--color-text-secondary);margin-bottom:4px;font-size:.75rem;font-weight:700;display:inline-flex}.preview-thumb{border:1px solid var(--color-border);width:112px;height:112px;box-shadow:none}.preview-stat{background:0 0}.match-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff94;margin-top:18px;padding:18px}.match-section--success,.match-section--suggest{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff94;margin-left:0;margin-right:0;padding:18px}.match-section--success{border-color:#10b9813d}.suggestion-row{box-shadow:none}.resize-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8fafcbd;margin-top:0;padding:22px}.resize-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.resize-panel__title{margin-bottom:0;font-size:1.1rem}.resize-panel__target{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.78rem;font-weight:750}.resize-panel .field:last-of-type{margin-bottom:16px}.btn--download{border-radius:var(--radius-sm);min-height:50px}.search-wrap{max-width:760px}.platform-filters{gap:8px}.chip--filter{box-shadow:none;padding:9px 14px}.chip--filter:hover,.chip--filter.is-active{box-shadow:none;transform:none}.results-meta{box-shadow:none;background:0 0;border:none}.spec-card{box-shadow:none;padding:22px}.spec-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.spec-card__head{margin-bottom:14px}.spec-card__icon{border-radius:12px;width:42px;height:42px}.dimension-btn--hero{background:var(--color-bg-subtle);border-color:var(--color-border)}.dimension-btn--hero:hover{box-shadow:none;transform:none}.spec-card__footer{padding-top:14px}.how-to{margin-top:40px}.empty-state{box-shadow:none}@media (prefers-color-scheme:dark){.hero__badge,.hero__steps,.dropzone,.input,.select,.match-section,.match-section--success,.match-section--suggest,.resize-panel{background:#0f1624bd}}@media (width<=900px){.checker-workspace{grid-template-columns:1fr}.checker-card--preview{max-width:720px;margin-inline:auto}}@media (width<=640px){.section-header{text-align:left;justify-content:flex-start;align-items:flex-start}.hero{text-align:left}.hero__trust,.hero__steps{justify-content:flex-start}.platform-filters{scroll-snap-type:x proximity;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:10px;overflow-x:auto}.chip--filter{scroll-snap-align:start;flex:none}.preview-header{align-items:flex-start;gap:14px}.preview-thumb{width:80px;height:80px}.resize-panel__header{flex-direction:column;gap:8px}}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);background:#f9f7f7d9;border:1px solid #3f72af38;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1120px);margin:0 auto 64px;padding:10px 10px 10px 14px;display:flex;position:sticky;top:18px;box-shadow:0 18px 50px -34px #112d4e4d}.topbar__brand,.topbar__actions,.topbar__trust,.topbar__link{align-items:center;display:inline-flex}.topbar__brand{color:var(--color-text-primary);letter-spacing:-.02em;gap:10px;font-weight:800;text-decoration:none}.topbar__mark{color:#f9f7f7;background:#112d4e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.topbar__actions{gap:10px}.topbar__trust{color:var(--color-text-secondary);gap:7px;font-size:.84rem;font-weight:650}.topbar__link{background:var(--color-text-primary);color:#fff;border-radius:999px;min-height:38px;padding:0 16px;font-size:.86rem;font-weight:750;text-decoration:none;transition:transform .18s,background-color .18s}.topbar__link:hover{background:#061929;transform:translateY(-1px)}.hero--studio{text-align:left;isolation:isolate;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:clamp(32px,6vw,78px);margin:0 auto 96px;padding:16px 0 28px;display:grid}.hero__orb{z-index:-1;filter:blur(48px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.hero__orb--one{background:#6366f112;width:380px;height:380px;top:-40px;left:-120px}.hero__orb--two{background:#0ea5e90e;width:440px;height:440px;bottom:-40px;right:0}.hero--studio .hero__content{max-width:710px}.hero--studio .hero__badge{color:#3f72af;background:#dbe2ef99;border:1px solid #3f72af33;margin-bottom:22px;padding:9px 14px}.hero--studio .hero__title{letter-spacing:-.03em;color:#112d4e;max-width:none;margin:0 0 22px;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:500;line-height:1.15}.hero--studio .hero__lead{color:#3f72af;max-width:610px;margin:0 0 30px;font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.hero__cta{border-radius:999px;min-height:52px;padding-inline:22px;text-decoration:none}.hero__actions .btn--secondary{background:#dbe2ef99;border-color:#3f72af40}.hero--studio .hero__trust{justify-content:flex-start;gap:10px;margin:0}.hero--studio .hero__trust-item{box-shadow:none;color:#3f72af;background:0 0;border:none;gap:8px;padding:0;font-size:.92rem}.hero--studio .hero__trust-item svg{color:#10b981}.hero-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#f9f7f7eb,#dbe2efd1),radial-gradient(circle at 20% 0,#3f72af1a,#0000 55%);border:1px solid #3f72af38;border-radius:32px;padding:18px;position:relative;box-shadow:0 38px 100px -55px #0f172ab3}.hero-panel:before{content:"";z-index:-1;filter:blur(22px);background:linear-gradient(135deg,#3f72af2e,#0000 42%,#3f72af1f);border-radius:26px;position:absolute;inset:10px}.hero-panel__top{align-items:center;gap:7px;margin-bottom:18px;display:flex}.hero-panel__dot{background:#3f72af73;border-radius:999px;width:9px;height:9px}.hero-panel__status{color:#047857;background:#10b9811a;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.hero-panel__drop,.hero-panel__match,.hero-panel__export{background:#f9f7f78c;border:1px solid #3f72af2e;border-radius:22px}.hero-panel__drop{align-items:center;gap:16px;margin-bottom:14px;padding:18px;display:flex}.hero-panel__image{color:#f9f7f7;background:#112d4e;border-radius:20px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 16px 30px -22px #112d4eb3}.hero-panel__label,.hero-panel__drop small,.hero-panel__match span,.hero-panel__export span{color:#3f72af;font-size:.8rem;font-weight:650;display:block}.hero-panel__drop strong,.hero-panel__match strong,.hero-panel__export strong{color:#112d4e;line-height:1.25;display:block}.hero-panel__drop strong{margin:2px 0 4px;font-size:1rem}.hero-panel__matches{gap:10px;margin-bottom:14px;display:grid}.hero-panel__match{align-items:flex-start;gap:12px;padding:14px;display:flex}.hero-panel__match svg{color:#3f72af;margin-top:1px}.hero-panel__match--active{background:#ecfdf5db;border-color:#10b98147}.hero-panel__match--active svg{color:#10b981}.hero-panel__export{background:#112d4e;border-color:#112d4e;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.hero-panel__export span{color:#3f72af}.hero-panel__export strong{color:#f9f7f7;letter-spacing:-.03em;font-size:1.22rem}.page-section>.section-header{margin-bottom:24px}.page-section>.section-header .section-header__title{letter-spacing:-.025em;max-width:780px;margin-inline:auto;font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:600;line-height:1.25}.page-section>.section-header .section-header__subtitle{max-width:680px;margin-inline:auto;font-size:1.02rem}.dropzone{background:linear-gradient(#f9f7f7f5,#dbe2efe6),radial-gradient(circle at 50% 0,#3f72af14,#0000 60%);border:1px solid #3f72af40;border-radius:34px;max-width:820px;margin-inline:auto;padding:clamp(40px,6vw,72px);position:relative;box-shadow:0 24px 72px -52px #112d4e80}.dropzone:after{content:"";pointer-events:none;border:1px dashed #3f72af33;border-radius:26px;position:absolute;inset:14px}.dropzone__title{letter-spacing:-.045em;font-size:clamp(1.6rem,3vw,2.15rem)}.dropzone__subtitle{margin-bottom:22px}.checker-card--preview{background:#ffffffd1;border-color:#cbd5e1c2;border-radius:34px;box-shadow:0 30px 90px -62px #0f172abf}.checker-workspace{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr)}.preview-header{padding:8px 8px 24px}.preview-thumb{border-radius:28px;width:132px;height:132px}.preview-meta h3{letter-spacing:-.04em;font-size:clamp(1.25rem,2vw,1.7rem)}.match-section{background:#f8fafcb8;border-radius:24px}.resize-panel{color:#f9f7f7;background:#112d4e;border-color:#112d4e;border-radius:28px;padding:26px;position:sticky;top:96px;box-shadow:0 28px 70px -54px #112d4ecc}.resize-panel .resize-panel__title,.resize-panel .label{color:#f9f7f7}.resize-panel .resize-panel__footnote,.resize-panel .resize-panel__target{color:#3f72af}.resize-panel .resize-panel__target,.resize-panel .input,.resize-panel .select{color:#f9f7f7;background:#f9f7f712;border-color:#f9f7f724}.resize-panel .select option{color:#112d4e}.resize-panel .btn--download{color:#112d4e;background:#f9f7f7}.resize-panel .btn--download:hover{background:#dbe2ef}.search-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f7f7d9;border:1px solid #3f72af33;border-radius:30px;max-width:860px;margin-bottom:22px;padding:24px;position:relative;box-shadow:0 22px 70px -58px #112d4e66}.search-wrap__heading{letter-spacing:-.035em;font-size:1.35rem}.search-input{background:#fff;border-radius:18px;min-height:62px}.platform-filters-wrap{max-width:1040px}.platform-filters__label{text-transform:none;letter-spacing:0;font-size:.92rem}.chip--filter{background:#dbe2ef80;border-radius:14px}.chip--filter.is-active{color:#f9f7f7;background:#112d4e;border-color:#112d4e}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.spec-card{background:#ffffffd1;border-radius:28px;padding:24px;box-shadow:0 16px 60px -54px #0f172ab3}.spec-card:hover{border-color:#3f72af66;box-shadow:0 28px 80px -58px #112d4e80}.spec-card__platform{color:#3f72af}.dimension-btn--hero{background:#dbe2ef;border-radius:22px;min-height:92px}.dimension-btn__nums{font-size:clamp(1.45rem,2vw,1.85rem)}.spec-card .btn--primary{border-radius:16px}@media (prefers-color-scheme:dark){.topbar,.hero--studio .hero__badge,.hero-panel,.dropzone,.checker-card--preview,.search-wrap,.spec-card,.chip--filter{background:#112d4eb8;border-color:#3f72af26}.topbar__mark,.topbar__link,.hero-panel__export,.chip--filter.is-active{color:#112d4e;background:#f9f7f7}.hero--studio .hero__title,.hero-panel__drop strong,.hero-panel__match strong{color:#f9f7f7}.hero--studio .hero__lead,.hero--studio .hero__trust-item,.hero-panel__label,.hero-panel__drop small,.hero-panel__match span{color:#90a9c6}.hero-panel__drop,.hero-panel__match,.search-input,.dimension-btn--hero{background:#3f72af14;border-color:#3f72af24}}@media (width<=940px){.topbar{margin-bottom:42px}.hero--studio{grid-template-columns:1fr;margin-bottom:72px}.hero-panel{max-width:560px}.resize-panel{position:static}}@media (width<=680px){.topbar{border-radius:24px;align-items:flex-start;top:10px}.topbar__trust{display:none}.hero--studio .hero__title{font-size:clamp(1.8rem,10vw,2.6rem)}.hero__actions,.hero__actions .btn{width:100%}.hero__actions .btn{justify-content:center}.hero-panel{border-radius:26px;padding:14px}.hero-panel__drop{align-items:flex-start}.checker-card--preview{border-radius:26px;padding:16px}.preview-header{grid-template-columns:86px minmax(0,1fr) auto;display:grid}.search-wrap{border-radius:24px;padding:18px}}.hero--studio.gsap-prepare .hero__badge{opacity:0;transform:translateY(-15px)}.hero--studio.gsap-prepare .hero__title,.hero--studio.gsap-prepare .hero__lead,.hero--studio.gsap-prepare .hero__cta,.hero--studio.gsap-prepare .hero__trust-item{opacity:0;transform:translateY(24px)}.hero--studio.gsap-prepare .hero-panel{opacity:0;transform:scale(.92)translateY(30px)}.hero--studio.gsap-prepare .hero-panel__drop,.hero--studio.gsap-prepare .hero-panel__match,.hero--studio.gsap-prepare .hero-panel__export{opacity:0;transform:translate(20px)}