:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-active:#4338ca;--primary-subtle:#6366f114;--primary-border:#6366f140;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-text:linear-gradient(135deg, #1e293b 0%, #4f46e5 100%);--gradient-hero-bg:radial-gradient(circle at 50% 0%, #6366f114 0%, #f8fafc00 70%);--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-glass:#ffffffbf;--bg-glass-scrolled:#ffffffe0;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-glass:#fff9;--text-main:#0f172a;--text-muted:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--success:#10b981;--success-bg:#10b9811a;--info:#06b6d4;--info-bg:#06b6d41a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 0 40px -10px #6366f140;--focus-ring:0 0 0 3px #6366f159;--header-height:62px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--max-width:1280px;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--primary-active:#4f46e5;--primary-subtle:#818cf81f;--primary-border:#818cf84d;--gradient-text:linear-gradient(135deg, #fff 0%, #c7d2fe 100%);--gradient-hero-bg:radial-gradient(circle at 50% 0%, #6366f126 0%, #090d1600 70%);--bg-app:#090d16;--bg-surface:#111827;--bg-surface-hover:#1f2937;--bg-glass:#111827b3;--bg-glass-scrolled:#111827e0;--border-subtle:#ffffff14;--border-strong:#ffffff29;--border-glass:#ffffff1f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-tertiary:#64748b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px 0 #00000059;--shadow-lg:0 12px 32px 0 #00000080;--shadow-glow:0 0 50px -5px #818cf840;--focus-ring:0 0 0 3px #818cf866;color-scheme:dark}select option{background-color:var(--bg-surface);color:var(--text-main)}[data-theme=dark] select option{color:#f8fafc;background-color:#111827}input::placeholder,textarea::placeholder,.ui-input::placeholder{color:var(--text-tertiary);opacity:1}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,[data-theme=dark] .ui-input::placeholder{color:#64748b}input:disabled,textarea:disabled,select:disabled,button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;background-color:var(--bg-surface-hover);color:var(--text-muted)}table,.ui-table{border-collapse:collapse;width:100%;color:var(--text-main);margin:16px 0;font-size:.9375rem}table th,.ui-table th{background-color:var(--bg-surface-hover);color:var(--text-main);text-align:left;border-bottom:2px solid var(--border-subtle);padding:12px 16px;font-weight:700}table td,.ui-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);padding:12px 16px}table tr:hover,.ui-table tr:hover{background-color:var(--bg-surface-hover)}[data-theme=dark] .badge-pending{color:#cbd5e1;background-color:#94a3b82e}[data-theme=dark] .badge-processing{color:#93c5fd;background-color:#3b82f62e}[data-theme=dark] .badge-success{color:#86efac;background-color:#22c55e2e}[data-theme=dark] .badge-danger{color:#fca5a5;background-color:#ef44442e}[data-theme=dark] .badge-warning{color:#fde047;background-color:#f59e0b2e}[data-theme=dark] .batch-item-progress-track{background-color:var(--border-subtle)}[data-theme=dark] .organize-card__btn{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle)}[data-theme=dark] .organize-card__btn:hover{background:var(--primary);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-app);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{background-color:var(--bg-app);min-height:100vh;color:var(--text-main);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}main{width:100%;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;user-select:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.header{width:100%;height:var(--header-height);z-index:1000;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(8px);will-change:background-color, backdrop-filter, box-shadow, border-color;border-bottom:1px solid #0000;transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),backdrop-filter .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);position:sticky;top:0;left:0;right:0;box-shadow:0 0 #0000}.header--scrolled{background-color:var(--bg-glass-scrolled);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border-subtle);box-shadow:0 4px 20px -2px #0f172a14}[data-theme=dark] .header--scrolled{background-color:var(--bg-glass-scrolled);border-bottom-color:#ffffff14;box-shadow:0 4px 24px -2px #00000073}@media (width<=1024px){.header{z-index:9999!important;width:100%!important;position:fixed!important;top:0!important;left:0!important;right:0!important}body{padding-top:var(--header-height)!important}}.header__inner,.header__container{width:100%;max-width:var(--max-width);box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo,.header__logo{letter-spacing:-.02em;color:var(--text-main);height:100%;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.logo:hover,.header__logo:hover{opacity:.9}.logo__icon-wrapper,.header__logo-icon{border-radius:var(--radius-md);background:var(--gradient-accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;display:flex;box-shadow:0 4px 12px #6366f14d}.logo__icon-wrapper svg,.header__logo-icon svg{width:18px;height:18px;display:block}.logo__text,.header__logo-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:1.2rem;font-weight:800;line-height:1}.nav,.header__nav{justify-content:center;align-items:center;height:100%;display:flex}.nav__list{align-items:center;gap:2px;height:100%;margin:0;padding:0;list-style:none;display:flex}.nav__list li{align-items:center;height:100%;display:flex}.nav__link,.nav-link{color:var(--text-muted);border-radius:var(--radius-md);white-space:nowrap;transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;padding:6px 12px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.nav__link:hover,.nav-link:hover{color:var(--text-main);background-color:var(--bg-surface-hover)}.nav__link--active,.nav-link--active,.nav-link.active{color:var(--primary);background-color:var(--primary-subtle);font-weight:600}.header__actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.btn--icon,.btn-icon,.btn-search-trigger{border-radius:var(--radius-md);width:35px;min-width:35px;height:35px;min-height:35px;color:var(--text-muted);border:1px solid var(--border-subtle);background-color:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn--icon:hover,.btn-icon:hover,.btn-search-trigger:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface-hover)}.btn--icon svg,.btn-icon svg,.btn-search-trigger svg,.menu-toggle svg,.header__menu-toggle svg{flex-shrink:0;width:16px;height:16px;display:block}#theme-toggle svg,#theme-toggle-btn svg,#theme-toggle-mobile svg{transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s}#theme-toggle:hover svg,#theme-toggle-btn:hover svg,#theme-toggle-mobile:hover svg{color:var(--primary);transform:rotate(-12deg)scale(1.08)}.btn-search-trigger__text,.btn-search-trigger__kbd{display:none}.header__actions .btn--primary,.header__actions .btn-all-tools{border-radius:var(--radius-md);background-color:var(--primary);color:#fff;white-space:nowrap;height:35px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.header__actions .btn--primary svg,.header__actions .btn-all-tools svg{width:15px;height:15px}.header__actions .btn--primary:hover,.header__actions .btn-all-tools:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.menu-toggle,.header__menu-toggle{border-radius:var(--radius-md);width:35px;min-width:35px;height:35px;min-height:35px;color:var(--text-main);border:1px solid var(--border-subtle);background-color:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle:hover,.header__menu-toggle:hover{background-color:var(--bg-surface-hover);border-color:var(--border-strong)}@media (width<=991px){.nav,.header__nav{display:none!important}.menu-toggle,.header__menu-toggle{display:inline-flex!important}}@media (width<=639px){.header__inner,.header__container{gap:8px;padding:0 16px}.header__actions{gap:6px}.header__actions .btn--primary,.header__actions .btn-all-tools{display:none!important}.logo__text,.header__logo-text{font-size:1.05rem}}.btn{border-radius:var(--radius-md);min-height:44px;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn--icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:0;min-height:36px!important}.btn--icon:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface-hover)}.btn--primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #6366f159}.btn--primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn--primary:active{background-color:var(--primary-active);transform:translateY(0)}.btn--secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted);transform:translateY(-1px)}.menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-main);border:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:center;align-items:center;display:none}.mobile-drawer{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));background-color:var(--bg-surface);z-index:999;opacity:0;visibility:hidden;transition:transform var(--transition-normal), opacity var(--transition-normal), visibility var(--transition-normal);border-top:1px solid var(--border-subtle);flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;left:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.open{opacity:1;visibility:visible;transform:translate(0)}.mobile-drawer__list{flex-direction:column;gap:8px;display:flex}.mobile-drawer__link{color:var(--text-main);border-radius:var(--radius-md);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 16px;font-size:1.05rem;font-weight:600;display:flex}.mobile-drawer__link:hover{background-color:var(--bg-surface-hover)}.mobile-drawer__actions{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.hero{background-color:var(--bg-app);background-image:var(--gradient-hero-bg);padding-top:32px;padding-bottom:64px;position:relative;overflow:hidden}@media (width>=1280px){.hero{padding-top:40px;padding-bottom:72px}}.hero__bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#6366f10f 1px,#0000 1px),linear-gradient(#6366f10f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;mask-image:radial-gradient(70% 60% at 50% 25%,#000 30%,#0000 100%)}[data-theme=dark] .hero__bg-grid{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)}.hero__glow{filter:blur(65px);pointer-events:none;z-index:0;background:radial-gradient(#6366f12e 0%,#a855f714 50%,#0000 70%);width:700px;height:400px;animation:8s ease-in-out infinite alternate heroGlowPulse;position:absolute;top:-100px;left:50%;transform:translate(-50%)}@keyframes heroGlowPulse{0%{opacity:.75;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1.04)}}.hero__content{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;display:flex;position:relative}.hero__badge{letter-spacing:-.01em;color:#3730a3;border-radius:var(--radius-pill);backdrop-filter:blur(8px);transition:all var(--transition-normal);background-color:#eef2ffd9;border:1px solid #6366f138;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px 6px 12px;font-size:.8125rem;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) fadeInDown;display:inline-flex;box-shadow:0 2px 10px #6366f114,0 1px 2px #00000008}[data-theme=dark] .hero__badge{color:#e0e7ff;background-color:#6366f124;border-color:#818cf847;box-shadow:0 2px 12px #00000040,0 0 0 1px #818cf81a}.hero__badge:hover{border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 16px #6366f129}[data-theme=dark] .hero__badge:hover{border-color:#818cf880;box-shadow:0 4px 18px #6366f140}.hero__badge-pulse{background-color:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite badgePulseGreen;box-shadow:0 0 #10b98166}@keyframes badgePulseGreen{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.hero__title{letter-spacing:-.035em;color:var(--text-main);margin-bottom:16px;font-size:clamp(2.5rem,5vw + .8rem,4.25rem);font-weight:800;line-height:1.18;animation:.7s cubic-bezier(.16,1,.3,1) fadeInUp;overflow:visible}.hero__title-gradient{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:-.15em;padding-bottom:.15em;display:inline-block;overflow:visible}.hero__subtitle{color:var(--text-muted);letter-spacing:-.01em;max-width:640px;margin-bottom:28px;font-size:clamp(1rem,1.1vw + .75rem,1.2rem);font-weight:450;line-height:1.55;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp}.hero__ctas{justify-content:center;align-items:center;gap:14px;width:100%;max-width:440px;margin-bottom:36px;animation:.9s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex}.btn--hero-primary{color:#fff;transition:all var(--transition-normal);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid #fff3;height:48px;padding:0 24px;font-weight:700;box-shadow:0 4px 16px #4f46e559,0 1px 2px #0000001a}.btn--hero-primary:hover{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 6px 22px #4f46e573,0 2px 4px #0000001f}.btn--hero-primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.btn--hero-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);height:48px;padding:0 22px;font-weight:600}.btn--hero-secondary:hover{background:var(--bg-surface-hover);border-color:var(--primary-border);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--hero-secondary:active{transform:translateY(0)}.search-container{width:100%;max-width:680px;margin-bottom:24px;animation:1s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative}.search-box{background-color:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-xl);transition:all var(--transition-normal);align-items:center;padding:8px 12px 8px 18px;display:flex;position:relative;box-shadow:0 16px 36px -8px #0f172a14,0 2px 6px #00000005}[data-theme=dark] .search-box{box-shadow:0 16px 40px -8px #00000073,0 1px 2px #ffffff0d}.search-box:focus-within{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 20px 48px -8px #6366f138,0 0 0 3px #6366f12e}.search-box__icon{width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0;margin-right:12px}.search-box:focus-within .search-box__icon{color:var(--primary)}.search-box__input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:8px 0;font-size:1.02rem;font-weight:500}.search-box__input::placeholder{color:var(--text-tertiary)}.search-box__kbd{color:var(--text-muted);background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);user-select:none;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.search-box__clear{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--text-muted);background-color:var(--bg-surface-hover);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:flex}.search-box__clear:hover{color:var(--text-main);background-color:var(--border-strong)}.hero__trust-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:16px;margin-bottom:20px;display:flex}.trust-item{color:var(--text-muted);white-space:nowrap;transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.trust-item svg{color:#10b981;flex-shrink:0}.trust-item:hover{color:var(--text-main)}.popular-searches{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.popular-searches__label{color:var(--text-tertiary);white-space:nowrap;font-size:.8125rem;font-weight:600}.popular-searches__chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.search-chip{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);padding:5px 12px;font-size:.8125rem;font-weight:500;box-shadow:0 1px 2px #00000005}.search-chip:hover{color:var(--primary);border-color:var(--primary-border);background-color:var(--primary-subtle);transform:translateY(-1px)}.search-results{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);z-index:100;text-align:left;flex-direction:column;gap:6px;max-height:320px;padding:12px;display:none;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto}.search-results.active{display:flex}.search-results__item{border-radius:var(--radius-md);color:var(--text-main);transition:background-color var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;display:flex}.search-results__item:hover{background-color:var(--bg-surface-hover)}.search-results__icon{border-radius:var(--radius-sm);background-color:var(--primary-subtle);width:28px;height:28px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-results__info{flex-direction:column;display:flex}.search-results__title{font-size:.9375rem;font-weight:600}.search-results__desc{color:var(--text-muted);font-size:.8125rem}.shortcuts{width:100%;max-width:800px;margin-bottom:48px;animation:1.1s cubic-bezier(.16,1,.3,1) fadeInUp}.shortcuts__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:16px;font-size:.8125rem;font-weight:700}.shortcuts__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tool-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);text-align:left;align-items:center;gap:14px;padding:14px 16px;display:flex}.tool-card__icon{border-radius:var(--radius-md);width:40px;height:40px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-card__icon{transform:scale(1.08)}.icon--pdf{color:#ef4444;background:#ef44441a}.icon--compress{color:#f59e0b;background:#f59e0b1a}.icon--image{color:#10b981;background:#10b9811a}.icon--convert{color:#6366f1;background:#6366f11a}.icon--qr{color:#a855f7;background:#a855f71a}.icon--text{color:#06b6d4;background:#06b6d41a}.tool-card__content{flex-direction:column;display:flex;overflow:hidden}.tool-card__title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.tool-card__badge{color:var(--primary);text-transform:uppercase;margin-top:2px;font-size:.7rem;font-weight:700}.trust-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;animation:1.2s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex}.trust-badge{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:.84375rem;font-weight:500;display:inline-flex}.trust-badge:hover{color:var(--text-main);border-color:var(--border-strong)}.trust-badge__icon{width:16px;height:16px;color:var(--success)}section.stats-section,.stats-section{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);z-index:10;padding:20px 0;position:relative}@media (width<=768px){section.stats-section,.stats-section{padding:16px 0}}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:800px;margin:0 auto;display:grid}@media (width>=600px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (width<=599px){.stats-card:nth-child(5){grid-column:span 2}}.stats-card{text-align:center;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:12px 10px;display:flex}.stats-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stats-card__icon{border-radius:var(--radius-md);background-color:var(--primary-subtle);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.stats-card__icon svg{width:16px;height:16px}.stats-card__value{color:var(--text-main);letter-spacing:-.02em;margin-bottom:2px;font-size:1.125rem;font-weight:800;line-height:1.1}.stats-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600;line-height:1.25}.section{padding:80px 0;position:relative}.popular-tools{background-color:var(--bg-app)}.section-header{text-align:center;flex-direction:column;align-items:center;max-width:680px;margin:0 auto 48px;display:flex}.section-header__badge{color:var(--primary);background-color:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.section-header__title{letter-spacing:-.025em;color:var(--text-main);margin-bottom:16px;font-size:clamp(2rem,3.2vw + .8rem,2.75rem);font-weight:800;line-height:1.2}.section-header__subtitle{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.tools-filter-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:16px;display:flex}.category-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-tab{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.category-tab:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface-hover)}.category-tab--active{color:var(--primary);background-color:var(--primary-subtle);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.category-tab__count{border-radius:var(--radius-pill);color:inherit;background-color:#0000000f;justify-content:center;align-items:center;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-flex}[data-theme=dark] .category-tab__count{background-color:#ffffff1a}.tools-result-counter{color:var(--text-muted);white-space:nowrap;font-size:.875rem}.popular-grid,#popular-tools-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tools-grid,.category-tools-grid,#category-tools-grid,#related-tools-grid-mount{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.category-toolbar{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.category-toolbar__search{flex:260px;width:100%;min-width:0;position:relative}.category-toolbar__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.category-toolbar__input{border-radius:var(--radius-md);width:100%;height:42px;padding-left:42px;padding-right:36px;font-size:.9rem}.category-toolbar__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.category-toolbar__controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.category-toolbar__counter{color:var(--text-muted);white-space:nowrap;font-size:.88rem;font-weight:600}.category-toolbar__sort-wrap{align-items:center;gap:8px;display:flex}.category-toolbar__sort-label{color:var(--text-muted);white-space:nowrap;font-size:.88rem;font-weight:500}.category-toolbar__sort-select{border-radius:var(--radius-md);background-color:var(--bg-surface-subtle);border:1px solid var(--border-color);height:40px;color:var(--text-main);cursor:pointer;padding:8px 12px;font-size:.88rem}.feature-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;flex-direction:column;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.feature-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.feature-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.feature-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-card__icon{transform:scale(1.1)}.popular-tools .feature-card{padding:18px 22px}.popular-tools .feature-card__header{align-items:center;margin-bottom:12px}.popular-tools .feature-card__icon{width:44px;height:44px}.popular-tools .feature-card:hover .feature-card__icon{transform:scale(1.08)}.popular-tools .feature-card__body{margin-bottom:12px}.popular-tools .feature-card__category{letter-spacing:.05em;margin-bottom:4px;font-size:.725rem}.popular-tools .feature-card__title{margin-bottom:6px;font-size:1.1rem;line-height:1.3}.popular-tools .feature-card__desc{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.popular-tools .feature-card__footer{margin-top:auto;padding-top:10px}.icon-bg--text{color:#06b6d4;background-color:#06b6d41a}.feature-card__badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;background-color:var(--bg-surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle);padding:4px 10px;font-size:.725rem;font-weight:700}.feature-card__body{flex-direction:column;flex-grow:1;display:flex}.feature-card__category{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:700}.feature-card__title{color:var(--text-main);margin-bottom:10px;font-size:1.15rem;font-weight:700;line-height:1.3}.feature-card__desc{color:var(--text-muted);margin-bottom:20px;font-size:.875rem;line-height:1.5}.feature-card__footer{border-top:1px solid var(--border-subtle);color:var(--primary);transition:color var(--transition-fast);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:.84375rem;font-weight:600;display:flex}.feature-card__arrow{width:18px;height:18px;transition:transform var(--transition-fast)}.feature-card:hover .feature-card__arrow{transform:translate(4px)}.empty-state{text-align:center;background-color:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;max-width:560px;margin:32px auto 0;padding:64px 24px;display:flex}.empty-state__icon{border-radius:var(--radius-pill);background-color:var(--primary-subtle);width:64px;height:64px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-state__title{color:var(--text-main);margin-bottom:10px;font-size:1.35rem;font-weight:700}.empty-state__desc{color:var(--text-muted);margin-bottom:24px;font-size:.9375rem;line-height:1.6}.categories-section{background-color:var(--bg-surface-hover);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.categories-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.category-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;flex-direction:column;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.category-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.category-card__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.category-card__icon{border-radius:var(--radius-lg);width:44px;height:44px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card__icon{transform:scale(1.08)rotate(2deg)}.category-icon--pdf{color:#ef4444;background-color:#ef44441f}.category-icon--image{color:#10b981;background-color:#10b9811f}.category-icon--doc{color:#3b82f6;background-color:#3b82f61f}.category-icon--converter{color:#a855f7;background-color:#a855f71f}.category-icon--qr{color:#f59e0b;background-color:#f59e0b1f}.category-icon--text{color:#06b6d4;background-color:#06b6d41f}.category-icon--dev{color:#ec4899;background-color:#ec48991f}.category-icon--util{color:#6366f1;background-color:#6366f11f}.category-card__count{border-radius:var(--radius-pill);background-color:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-border);padding:3px 10px;font-size:.75rem;font-weight:700}.category-card__body{flex-direction:column;flex-grow:1;margin-bottom:14px;display:flex}.category-card__title{color:var(--text-main);margin-bottom:6px;font-size:1.1rem;font-weight:700;line-height:1.3}.category-card__desc{color:var(--text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.category-card__footer{border-top:1px solid var(--border-subtle);color:var(--primary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:.84375rem;font-weight:600;display:flex}.category-card__arrow{transition:transform var(--transition-fast)}.category-card:hover .category-card__arrow{transform:translate(5px)}.why-choose{background-color:var(--bg-app)}.why-choose__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.trust-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:relative}.trust-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.trust-card__icon{border-radius:var(--radius-xl);width:56px;height:56px;transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.trust-card:hover .trust-card__icon{transform:scale(1.15)rotate(-3deg)}.trust-icon--shield{color:#10b981;background-color:#10b9811f}.trust-icon--speed{color:#f59e0b;background-color:#f59e0b1f}.trust-icon--gift{color:#6366f1;background-color:#6366f11f}.trust-icon--user{color:#ec4899;background-color:#ec48991f}.trust-icon--device{color:#06b6d4;background-color:#06b6d41f}.trust-icon--tech{color:#3b82f6;background-color:#3b82f61f}.trust-card__title{color:var(--text-main);margin-bottom:16px;font-size:1.25rem;font-weight:700}.trust-card__desc{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.fade-in-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.featured-section{background-color:var(--bg-surface-hover);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.featured-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.featured-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.featured-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.featured-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.featured-card--popular{border-color:var(--primary-border);box-shadow:0 0 25px #6366f11f, var(--shadow-md);background:linear-gradient(180deg, var(--bg-surface) 0%, #6366f108 100%)}.featured-card__ribbon{background-color:var(--primary);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #6366f166}.featured-card__top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.featured-card__icon{border-radius:var(--radius-xl);width:58px;height:58px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.featured-card:hover .featured-card__icon{transform:scale(1.12)rotate(2deg)}.icon-bg--pdf{color:#ef4444;background-color:#ef44441f}.icon-bg--image{color:#10b981;background-color:#10b9811f}.icon-bg--utility{color:#f59e0b;background-color:#f59e0b1f}.icon-bg--security{color:#6366f1;background-color:#6366f11f}.featured-card__cat-badge{border-radius:var(--radius-pill);background-color:var(--bg-surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle);padding:4px 12px;font-size:.75rem;font-weight:700}.featured-card__cat-badge--popular{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%)!important;color:#fff!important;text-transform:none!important;border:none!important;padding:4px 14px!important;box-shadow:0 2px 8px #6366f159!important}.featured-card__content{flex-direction:column;flex-grow:1;margin-bottom:24px;display:flex}.featured-card__title{color:var(--text-main);margin-bottom:10px;font-size:1.35rem;font-weight:700}.featured-card__desc{color:var(--text-muted);margin-bottom:20px;font-size:.9375rem;line-height:1.6}.featured-card__benefits{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.featured-card__benefits li{color:var(--text-main);align-items:center;gap:10px;font-size:.875rem;font-weight:500;display:flex}.featured-card__benefits li svg{color:#10b981;flex-shrink:0}.featured-card__actions{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding-top:20px;display:grid}.privacy-section{background-color:var(--bg-app)}.privacy-trust-banner{border:1px solid var(--primary-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#6366f114 0%,#10b9810f 100%);align-items:center;gap:24px;margin-bottom:48px;padding:28px 36px;display:flex;position:relative;overflow:hidden}.privacy-trust-banner__icon{width:64px;height:64px;color:var(--primary);background-color:#6366f126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #6366f133}.privacy-trust-banner__body{flex-grow:1}.privacy-trust-banner__quote{color:var(--text-main);border:none;margin-bottom:8px;padding:0;font-size:1.15rem;font-style:normal;font-weight:600;line-height:1.6}.privacy-trust-banner__note{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.privacy-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.privacy-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:relative}.privacy-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.privacy-card__icon{border-radius:var(--radius-xl);width:56px;height:56px;transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.privacy-card:hover .privacy-card__icon{transform:scale(1.15)rotate(-3deg)}.privacy-icon--emerald{color:#10b981;background-color:#10b9811f}.privacy-icon--blue{color:#3b82f6;background-color:#3b82f61f}.privacy-icon--amber{color:#f59e0b;background-color:#f59e0b1f}.privacy-icon--purple{color:#a855f7;background-color:#a855f71f}.privacy-icon--indigo{color:#6366f1;background-color:#6366f11f}.privacy-icon--cyan{color:#06b6d4;background-color:#06b6d41f}.privacy-card__title{color:var(--text-main);margin-bottom:16px;font-size:1.25rem;font-weight:700}.privacy-card__desc{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.faq-section{background-color:var(--bg-app)}.faq-accordion-wrap{max-width:840px;margin:0 auto}.faq-accordion{flex-direction:column;gap:16px;display:flex}.faq-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.faq-item--active{border-color:var(--primary-border);box-shadow:0 4px 20px #6366f114}.faq-item__heading{font-size:inherit;margin:0;padding:0}.faq-item__trigger{width:100%;color:var(--text-main);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;font-family:inherit;font-size:1.05rem;font-weight:600;display:flex}.faq-item__trigger:hover{color:var(--primary)}.faq-item__trigger:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.faq-item__icon-wrap{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);width:32px;height:32px;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item--active .faq-item__icon-wrap{border-color:var(--primary-border);background-color:#6366f11f}.faq-chevron{transition:transform .3s cubic-bezier(.4, 0, .2, 1), color var(--transition-fast);color:var(--text-muted)}.faq-item--active .faq-chevron{color:var(--primary);transform:rotate(180deg)}.faq-item__panel{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid}.faq-item--active .faq-item__panel{grid-template-rows:1fr}.faq-item__content{color:var(--text-muted);padding:0 28px 24px;font-size:.95rem;line-height:1.7;overflow:hidden}.faq-item__content p{margin:0}.blog-section{background-color:var(--bg-surface-hover);border-top:1px solid var(--border-subtle)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:40px;display:grid}.blog-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-8px)}.blog-card__image-wrap{width:100%;height:180px;position:relative;overflow:hidden}.blog-card__placeholder-img{width:100%;height:100%;transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex}.blog-card:hover .blog-card__placeholder-img{transform:scale(1.06)}.blog-img-bg--pdf{color:#ef4444;background:linear-gradient(135deg,#ef44441f 0%,#f973161f 100%)}.blog-img-bg--image{color:#3b82f6;background:linear-gradient(135deg,#3b82f61f 0%,#a855f71f 100%)}.blog-img-bg--tech{color:#10b981;background:linear-gradient(135deg,#10b9811f 0%,#0ea5e91f 100%)}.blog-card__body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-card__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-card__category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-radius:var(--radius-pill);background-color:#6366f11a;padding:3px 10px;font-size:.75rem;font-weight:700}.blog-card__read-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.blog-card__title{color:var(--text-main);margin-bottom:10px;font-size:1.15rem;font-weight:700;line-height:1.4}.blog-card__title a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.blog-card__title a:hover{color:var(--primary)}.blog-card__excerpt{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.6}.blog-card__footer{border-top:1px solid var(--border-subtle);padding-top:16px}.blog-card__link{color:var(--primary);transition:gap var(--transition-fast);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-card:hover .blog-card__link{gap:12px}.blog-section__footer{text-align:center}.cta-section{background-color:var(--bg-app);border-top:1px solid var(--border-subtle)}.cta-banner{border:1px solid var(--primary-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg), var(--shadow-glow);background:linear-gradient(135deg,#6366f114 0%,#a855f714 50%,#3b82f614 100%);padding:60px 40px;position:relative;overflow:hidden}.cta-banner__background-glow{pointer-events:none;opacity:.6;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-banner__badge{background-color:var(--bg-surface);border:1px solid var(--primary-border);border-radius:var(--radius-pill);color:var(--primary);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.cta-banner__title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:16px;font-size:2.25rem;font-weight:800}.cta-banner__subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 36px;font-size:1.1rem;line-height:1.6}.cta-banner__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.cta-trust-bar{border-top:1px solid #6366f126;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding-top:28px;display:flex}.cta-trust-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.cta-trust-item svg{color:var(--primary)}.site-footer{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-top:56px;padding-bottom:32px;position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary-border) 50%, transparent 100%);opacity:.5;width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-footer__top{grid-template-columns:repeat(4,1fr);align-items:start;gap:32px;width:100%;display:grid}.site-footer__brand{flex-direction:column;gap:12px;display:flex}.site-footer__desc{color:var(--text-muted);max-width:280px;margin:0;font-size:.875rem;line-height:1.6}.site-footer__nav-grid{display:contents}.footer-col__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-main);margin-bottom:16px;font-size:.8125rem;font-weight:700}.footer-col__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col__list a{color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.footer-col__list a:hover{color:var(--primary);transform:translate(3px)}.site-footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:48px;padding-top:24px;font-size:.8125rem;display:flex}.footer-bottom__text{color:var(--text-muted);text-align:left;flex:1;font-size:.8125rem}.footer-bottom__text--center{color:var(--text-main);text-align:center;font-weight:600}.footer-bottom__text--right{color:var(--text-tertiary);text-align:right}.back-to-top-btn{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{background-color:var(--primary-subtle);border-color:var(--primary-border);color:var(--primary);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px) and (width<=1024px){.popular-grid,.popular-tools__grid,#popular-tools-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.categories-grid,.why-choose__grid,.trust-grid,.features-grid,.privacy-grid,.blog-grid,.shortcuts__grid,.how-it-works__grid,.tools-grid,.category-tools-grid,.organize-grid,.ui-grid-4,.ui-grid-3,#category-tools-grid,#related-tools-grid-mount{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.featured-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.feature-card,.category-card,.trust-card,.privacy-card,.category-tool-card,.blog-card,.step-card,.tool-card{padding:16px 14px!important}.featured-card{border-radius:var(--radius-xl)!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:22px 20px 18px!important;display:flex!important}.popular-tools .feature-card{padding:16px 14px!important}.feature-card__header,.category-card__header,.category-tool-card__header{gap:8px;margin-bottom:12px}.featured-card__top{justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important;display:flex!important}.feature-card__icon,.category-card__icon,.trust-card__icon,.privacy-card__icon,.category-tool-card__icon-wrapper,.step-card__icon,.tool-card__icon{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.featured-card__icon{border-radius:var(--radius-lg)!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.feature-card__icon svg,.category-card__icon svg,.trust-card__icon svg,.privacy-card__icon svg,.category-tool-card__icon-wrapper svg,.step-card__icon svg,.tool-card__icon svg{width:18px!important;height:18px!important}.featured-card__icon svg{width:22px!important;height:22px!important}.featured-card__cat-badge{padding:4px 10px!important;font-size:.7rem!important}.feature-card__title,.category-card__title,.trust-card__title,.privacy-card__title,.category-tool-card__title,.blog-card__title,.step-card__title,.tool-card__title{margin-bottom:6px!important;font-size:.95rem!important;line-height:1.3!important}.featured-card__content{flex-direction:column!important;flex-grow:1!important;margin-bottom:14px!important;display:flex!important}.featured-card__title{margin-bottom:8px!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.35!important}.feature-card__desc,.category-card__desc,.trust-card__desc,.privacy-card__desc,.category-tool-card__desc,.blog-card__excerpt,.step-card__desc{margin-bottom:12px!important;font-size:.8125rem!important;line-height:1.4!important}.featured-card__desc{margin-bottom:12px!important;font-size:.875rem!important;line-height:1.5!important}.featured-card__actions{border-top:1px solid var(--border-subtle)!important;flex-direction:column!important;grid-template-columns:none!important;justify-content:center!important;align-items:center!important;margin-top:auto!important;padding-top:14px!important;display:flex!important}.featured-card__actions .featured-tool-btn,.featured-card__actions .btn--primary{border-radius:var(--radius-md)!important;white-space:nowrap!important;box-sizing:border-box!important;background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%)!important;color:#fff!important;border:none!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:40px!important;padding:0 16px!important;font-size:.875rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 8px #6366f140!important}.featured-card__actions .featured-learn-btn{display:none!important}.how-it-works__line{display:none}.site-footer__top{grid-template-columns:repeat(2,1fr);gap:40px 32px}}@media (width<=767px){.nav,.header__actions .btn--primary{display:none}.menu-toggle{display:flex}.hero{padding-top:24px;padding-bottom:48px}.hero__ctas{flex-direction:column;width:100%}.hero__ctas .btn{width:100%}.trust-badges{gap:10px}.trust-badge{padding:6px 12px;font-size:.8rem}.privacy-trust-banner{text-align:center;flex-direction:column;padding:24px}.site-footer__nav-grid{display:contents}.cta-banner{padding:40px 24px}.cta-banner__title{font-size:1.75rem}.cta-banner__actions{flex-direction:column;width:100%}.cta-banner__actions .btn{width:100%}.site-footer__top{grid-template-columns:repeat(2,1fr);gap:28px 20px}.site-footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:36px;padding-top:20px;font-size:.8125rem;display:flex}.tools-filter-bar{text-align:center!important;justify-content:center!important;gap:16px!important}.category-tabs{justify-content:center!important;gap:8px!important;width:100%!important;margin:0 auto!important}.category-tab{border-radius:var(--radius-lg)!important;padding:7px 14px!important;font-size:.8125rem!important}.tools-result-counter{text-align:center!important;width:100%!important;font-size:.8125rem!important}.blog-filter-chips,.blog-filter-bar{text-align:center!important;justify-content:center!important}.popular-grid,.popular-tools__grid,.categories-grid,.why-choose__grid,.trust-grid,.featured-grid,.features-grid,.privacy-grid,.how-it-works__grid,.tools-grid,.category-tools-grid,.organize-grid,.ui-grid-4,.ui-grid-3,.ui-grid-2,#popular-tools-grid,#category-tools-grid,#related-tools-grid-mount{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.feature-card,.category-card,.trust-card,.privacy-card,.featured-card,.category-tool-card,.step-card{border-radius:var(--radius-lg)!important;text-align:left!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;height:100%!important;min-height:160px!important;padding:12px 10px!important;display:flex!important;position:relative!important}.popular-tools .feature-card{padding:12px 10px!important}.feature-card__header,.category-card__header,.featured-card__top,.category-tool-card__header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:4px!important;width:100%!important;margin-bottom:8px!important;display:flex!important;position:relative!important}.feature-card__icon,.category-card__icon,.trust-card__icon,.privacy-card__icon,.featured-card__icon,.category-tool-card__icon-wrapper,.step-card__icon{border-radius:var(--radius-md)!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;box-shadow:none!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important}.feature-card__icon svg,.category-card__icon svg,.trust-card__icon svg,.privacy-card__icon svg,.featured-card__icon svg,.category-tool-card__icon-wrapper svg,.step-card__icon svg{width:16px!important;height:16px!important}.feature-card__badge,.category-card__count,.featured-card__ribbon,.category-tool-card__badges .badge,.badge--pill{letter-spacing:.01em!important;white-space:nowrap!important;border-radius:var(--radius-pill)!important;z-index:1!important;padding:2px 5px!important;font-size:.6rem!important;font-weight:700!important;line-height:1!important;position:static!important}.category-tool-card__badges{flex-direction:row!important;justify-content:flex-end!important;align-items:flex-start!important;width:auto!important;display:flex!important}.feature-card__category,.featured-card__cat-badge,.category-tool-card__cat-label{text-transform:uppercase!important;letter-spacing:.02em!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-align:left!important;opacity:1!important;margin-bottom:2px!important;font-size:.625rem!important;font-weight:700!important;line-height:1.1!important;display:block!important;overflow:hidden!important}.feature-card__body,.category-tool-card__content,.featured-card__content{text-align:left!important;flex-direction:column!important;flex-grow:1!important;align-items:flex-start!important;width:100%!important;display:flex!important}.feature-card__title,.category-card__title,.trust-card__title,.privacy-card__title,.featured-card__title,.category-tool-card__title,.step-card__title{color:var(--text-main)!important;text-align:left!important;letter-spacing:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;margin:0 0 4px!important;font-size:calc(.95rem + 3px)!important;font-weight:700!important;line-height:1.3!important}.popular-tools .feature-card__title{font-size:calc(.95rem + 3px)!important}.feature-card__desc,.category-card__desc,.trust-card__desc,.privacy-card__desc,.featured-card__desc,.category-tool-card__desc,.step-card__desc{color:var(--text-muted)!important;text-align:left!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;margin:0 0 8px!important;font-size:.8125rem!important;line-height:1.4!important;display:-webkit-box!important;overflow:hidden!important}.featured-card{border-radius:var(--radius-xl)!important;box-sizing:border-box!important;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;min-height:auto!important;padding:14px 12px 12px!important;display:flex!important;position:relative!important;box-shadow:0 2px 8px #0000000a!important}.featured-card__top{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:10px!important;display:flex!important;position:relative!important}.featured-card__icon{border-radius:var(--radius-lg)!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;display:flex!important}.featured-card__icon svg{width:18px!important;height:18px!important}.featured-card__cat-badge{text-transform:uppercase!important;letter-spacing:.03em!important;border-radius:var(--radius-pill)!important;background-color:var(--bg-surface-hover)!important;color:var(--primary)!important;border:1px solid var(--border-subtle)!important;padding:3px 8px!important;font-size:.65rem!important;font-weight:700!important}.featured-card__cat-badge--popular{color:#fff!important}.featured-card__content{text-align:left!important;flex-direction:column!important;flex-grow:1!important;align-items:flex-start!important;width:100%!important;margin-bottom:10px!important;display:flex!important}.featured-card__title{color:var(--text-main)!important;text-align:left!important;word-break:break-word!important;overflow-wrap:anywhere!important;margin:0 0 4px!important;font-size:calc(.975rem + 3px)!important;font-weight:700!important;line-height:1.3!important}.featured-card__desc{color:var(--text-muted)!important;text-align:left!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:.8125rem!important;line-height:1.4!important;display:-webkit-box!important;overflow:hidden!important}.featured-card__actions{border-top:1px solid var(--border-subtle)!important;flex-direction:column!important;grid-template-columns:none!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:auto!important;padding-top:8px!important;display:flex!important}.featured-card__actions .featured-tool-btn,.featured-card__actions .btn--primary{border-radius:var(--radius-md)!important;box-sizing:border-box!important;white-space:nowrap!important;background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%)!important;color:#fff!important;border:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:36px!important;padding:0 12px!important;font-size:.8125rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 8px #6366f140!important}.featured-card__actions .featured-learn-btn,.featured-card__benefits{display:none!important}.shortcuts{margin-bottom:32px!important}.shortcuts__label{margin-bottom:12px!important;font-size:.8125rem!important}.shortcuts__grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.shortcuts .tool-card,.tool-card{border-radius:var(--radius-lg)!important;box-sizing:border-box!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;height:auto!important;min-height:52px!important;max-height:none!important;padding:10px 12px!important;display:flex!important}.tool-card__icon{border-radius:var(--radius-md)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;display:flex!important}.tool-card__icon svg{width:18px!important;height:18px!important}.tool-card__content{flex-direction:column!important;justify-content:center!important;display:flex!important;overflow:hidden!important}.tool-card__title{white-space:nowrap!important;text-overflow:ellipsis!important;color:var(--text-main)!important;margin-bottom:0!important;font-size:calc(.875rem + 3px)!important;font-weight:600!important;line-height:1.25!important;overflow:hidden!important}.tool-card__badge{margin-top:1px!important;font-size:.625rem!important;font-weight:700!important;line-height:1!important}.blog-grid,#home-blog-grid,.articles-grid,.blog-cards-grid,.blog-posts-grid{grid-template-columns:1fr!important;gap:14px!important;width:100%!important;margin-bottom:32px!important;display:grid!important}.blog-card,.blog-card-modern{border-radius:var(--radius-xl)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;width:100%!important;height:auto!important;min-height:120px!important;box-shadow:var(--shadow-sm)!important;box-sizing:border-box!important;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)!important;flex-direction:row!important;align-items:stretch!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.blog-card:active,.blog-card-modern:active{border-color:var(--primary-border)!important;transform:scale(.99)!important}.blog-card__image-wrap,.blog-card-modern__image{aspect-ratio:auto!important;background-color:var(--bg-subtle)!important;flex-shrink:0!important;width:110px!important;min-width:110px!important;max-width:110px!important;height:auto!important;position:relative!important;overflow:hidden!important}.blog-card__image-wrap img,.blog-card-modern__image img,.blog-card__placeholder-img{object-fit:cover!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.blog-card__placeholder-img svg{width:30px!important;height:30px!important}.blog-card__body,.blog-card-modern__body{flex-direction:column!important;flex:1!important;justify-content:space-between!important;min-width:0!important;padding:12px 14px!important;display:flex!important}.blog-card__meta,.blog-card-modern__meta{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important;display:flex!important}.blog-card__category,.blog-card-modern__category{letter-spacing:.04em!important;white-space:nowrap!important;border-radius:var(--radius-pill)!important;text-transform:uppercase!important;padding:2px 8px!important;font-size:.6875rem!important;font-weight:700!important}.blog-card__read-time,.blog-card-modern__read-time{color:var(--text-muted)!important;white-space:nowrap!important;align-items:center!important;gap:3px!important;font-size:.725rem!important;display:flex!important}.blog-card__title,.blog-card-modern__title{color:var(--text-main)!important;-webkit-line-clamp:2!important;word-break:break-word!important;-webkit-box-orient:vertical!important;margin-bottom:4px!important;font-size:.95rem!important;font-weight:700!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.blog-card__title a,.blog-card-modern__title a{color:inherit!important;text-decoration:none!important}.blog-card__excerpt,.blog-card-modern__excerpt{color:var(--text-muted)!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;margin-bottom:6px!important;font-size:.78125rem!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.blog-card__footer,.blog-card-modern__footer{border-top:1px solid var(--border-subtle)!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:6px!important;display:flex!important}.blog-card__link,.blog-card-modern__read-btn{color:var(--primary)!important;align-items:center!important;gap:4px!important;font-size:.78125rem!important;font-weight:600!important;display:inline-flex!important}.tool-header,.tool-header--hero{text-align:center!important;padding:18px 12px 24px!important}.tool-header__inner{gap:12px!important;max-width:100%!important}.tool-hero-breadcrumb{margin-bottom:2px!important}.tool-hero-breadcrumb .breadcrumb{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;font-size:.75rem!important}.tool-header__top-bar{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}.tool-header__pill{border-radius:var(--radius-pill)!important;gap:6px!important;padding:4px 10px!important;font-size:.71875rem!important}.tool-header__title-wrap{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important}.tool-header__icon{border-radius:var(--radius-lg)!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-shadow:0 4px 16px #6366f138!important}.tool-header__icon svg{width:22px!important;height:22px!important}.tool-header__title{letter-spacing:-.025em!important;text-align:center!important;color:var(--text-main)!important;margin:0!important;font-size:1.5rem!important;font-weight:800!important;line-height:1.2!important}.tool-header__desc{color:var(--text-muted)!important;text-align:center!important;max-width:96%!important;margin:0 auto!important;font-size:.84375rem!important;line-height:1.45!important}.tool-header__trust-badges{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;margin-top:6px!important}.tool-header__trust-badges .trust-badge{border-radius:var(--radius-pill)!important;background-color:var(--bg-surface-hover)!important;border:1px solid var(--border-subtle)!important;color:var(--text-muted)!important;padding:4px 10px!important;font-size:.71875rem!important;font-weight:600!important}.tool-header__stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:6px!important;margin-bottom:6px!important;display:grid!important}.tool-stat-card{-webkit-backdrop-filter:blur(12px)!important;border-radius:var(--radius-lg)!important;text-align:center!important;box-sizing:border-box!important;min-height:56px!important;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)!important;background:#ffffffbf!important;border:1px solid #6366f12e!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;padding:10px 8px!important;display:flex!important;box-shadow:0 4px 12px #00000008,inset 0 1px #fffc!important}.tool-stat-card:active{border-color:var(--primary)!important;transform:scale(.98)!important}[data-theme=dark] .tool-stat-card{background:#121624b3!important;border-color:#818cf838!important;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff0d!important}.tool-stat-card__val{color:var(--text-main)!important;justify-content:center!important;align-items:center!important;gap:4px!important;font-size:.875rem!important;font-weight:800!important;line-height:1.2!important;display:inline-flex!important}.tool-stat-card__label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.65rem!important;font-weight:700!important;line-height:1.1!important}.tool-header__cta-wrap{justify-content:center!important;width:100%!important;margin-top:6px!important;margin-bottom:2px!important;display:flex!important}.btn--hero-cta,#hero-scroll-workspace-btn{border-radius:var(--radius-pill)!important;background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%)!important;color:#fff!important;width:100%!important;max-width:320px!important;height:46px!important;transition:transform var(--transition-fast), box-shadow var(--transition-fast)!important;border:none!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0 24px!important;font-size:.9375rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 6px 22px #6366f161!important}.btn--hero-cta:active,#hero-scroll-workspace-btn:active{transform:scale(.98)!important;box-shadow:0 3px 12px #6366f173!important}.tool-workspace{margin-top:16px!important}.workspace-card,.workspace-stage,.text-workspace-card,.dev-workspace-card{border-radius:var(--radius-xl)!important;padding:14px 12px!important}#compress-app-container,#merge-app-container,#convert-app-container,#resize-app-container,#crop-app-container,#rotate-app-container,#watermark-app-container,#split-app-container,#protect-app-container,#unlock-app-container,#pdf-word-app-container,#organize-app-container,#delete-app-container,#extract-app-container,#word-counter-card,#char-counter-card,#case-converter-card,#spaces-card,#dedupe-card,#sorter-card{padding:14px 12px!important}.file-uploader{width:100%!important;max-width:100%!important;margin:0 auto!important}.file-uploader__dropzone,.workspace-dropzone-card,.file-dropzone-box,.batch-dropzone{border-radius:var(--radius-xl)!important;text-align:center!important;box-sizing:border-box!important;background-color:#6366f108!important;border:2px dashed #6366f166!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;min-height:155px!important;max-height:none!important;padding:22px 14px!important;display:flex!important}[data-theme=dark] .file-uploader__dropzone,[data-theme=dark] .workspace-dropzone-card,[data-theme=dark] .file-dropzone-box,[data-theme=dark] .batch-dropzone{background-color:#818cf80a!important;border-color:#818cf859!important}.file-uploader__icon-wrap{border-radius:var(--radius-lg)!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin-bottom:2px!important}.file-uploader__icon-wrap svg{width:22px!important;height:22px!important}.file-uploader__title{margin-bottom:2px!important;font-size:.9375rem!important;font-weight:700!important;line-height:1.3!important}.file-uploader__hint-main{color:var(--text-muted)!important;margin-bottom:4px!important;font-size:.8125rem!important;font-weight:500!important}.file-uploader__choose-btn,.file-uploader__dropzone .btn--primary,.workspace-dropzone-card .btn--primary{border-radius:var(--radius-pill)!important;justify-content:center!important;align-items:center!important;min-width:160px!important;height:42px!important;margin-top:6px!important;margin-bottom:6px!important;padding:0 20px!important;font-size:.875rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 4px 14px #6366f140!important}.file-uploader__sub-text,.file-uploader__formats,.file-uploader__hint{color:var(--text-muted)!important;margin-top:2px!important;font-size:.75rem!important;line-height:1.35!important}}@media (width<=640px){.hero{padding-top:18px;padding-bottom:40px}.hero__badge{padding:5px 12px 5px 8px;font-size:.75rem}.hero__subtitle{margin-bottom:22px;font-size:.95rem}.search-box__kbd{display:none}.hero__trust-row{gap:8px 14px;margin-top:14px;margin-bottom:16px}.trust-item{font-size:.75rem}.featured-card__actions{grid-template-columns:1fr}.faq-item__trigger{padding:18px 20px;font-size:.975rem}.faq-item__content{padding:0 20px 20px;font-size:.9rem}.site-footer__nav-grid{display:contents}.site-footer__bottom{text-align:center;flex-direction:column;gap:8px}.footer-bottom__text,.footer-bottom__text--center,.footer-bottom__text--right{text-align:center;width:100%}.cta-trust-bar{flex-direction:column;align-items:center;gap:12px}}@media (width<=480px){.site-footer__top{grid-template-columns:1fr;gap:20px}.popular-grid,.popular-tools__grid,.categories-grid,.why-choose__grid,.trust-grid,.featured-grid,.features-grid,.privacy-grid,.shortcuts__grid,.how-it-works__grid,.tools-grid,.category-tools-grid,.organize-grid,.ui-grid-4,.ui-grid-3,.ui-grid-2,#popular-tools-grid,#category-tools-grid,#related-tools-grid-mount{gap:8px!important}.category-card,.trust-card,.privacy-card,.step-card,.tool-card{padding:10px 8px!important}.category-card__title,.trust-card__title,.privacy-card__title,.step-card__title,.tool-card__title{font-size:calc(.8rem + 3px)!important}.feature-card__title,.featured-card__title,.category-tool-card__title{font-size:calc(.95rem + 3px)!important}.search-box{padding:6px 10px 6px 14px}.search-box__kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn--ghost{color:var(--text-muted);background-color:#0000;border:1px solid #0000}.btn--ghost:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.btn--outline{color:var(--text-main);border:1px solid var(--border-subtle);background-color:#0000}.btn--outline:hover{border-color:var(--primary-border);color:var(--primary);background-color:#6366f114}.btn--danger{color:#fff;background-color:#ef4444;border:1px solid #dc2626;box-shadow:0 2px 8px #ef444440}.btn--danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.btn--sm{border-radius:var(--radius-md);min-height:36px;padding:6px 14px;font-size:.8125rem}.btn--lg{border-radius:var(--radius-xl);min-height:48px;padding:14px 28px;font-size:1rem}.btn--full{justify-content:center;width:100%}.btn--loading{pointer-events:none;opacity:.85;position:relative}.btn--loading .btn__text{visibility:hidden}.btn--loading .btn__spinner{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{border-radius:var(--radius-md);white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge--pill{border-radius:var(--radius-pill)}.badge--primary{color:var(--primary);border-color:var(--primary-border);background-color:#6366f11f}.badge--success{color:#10b981;background-color:#10b9811f;border-color:#10b98140}.badge--warning{color:#f59e0b;background-color:#f59e0b1f;border-color:#f59e0b40}.badge--danger{color:#ef4444;background-color:#ef44441f;border-color:#ef444440}.badge--info{color:#3b82f6;background-color:#3b82f61f;border-color:#3b82f640}.badge--neutral{background-color:var(--bg-surface-hover);color:var(--text-muted);border-color:var(--border-subtle)}.badge--solid-primary{background-color:var(--primary);color:#fff}.badge--solid-success{color:#fff;background-color:#10b981}.badge--solid-warning{color:#fff;background-color:#f59e0b}.badge--solid-danger{color:#fff;background-color:#ef4444}.chip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-main);cursor:pointer;user-select:none;transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--primary-border);background-color:var(--bg-surface-hover)}.chip--active{border-color:var(--primary);color:var(--primary);background-color:#6366f11f;font-weight:600}.chip--sm{padding:4px 10px;font-size:.75rem}.chip--lg{padding:8px 18px;font-size:.95rem}.chip__remove{color:currentColor;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;display:flex}.chip__remove:hover{opacity:1;transform:scale(1.15)}.ui-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.ui-card--hoverable:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-3px)}.ui-card--interactive{cursor:pointer}.ui-card--accent{border-top:3px solid var(--primary)}.ui-card--compact{padding:16px}.ui-card--spacious{padding:32px}.ui-card__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 16px;display:flex}.ui-card__title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.ui-card__subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.ui-card__body{flex-grow:1;padding:24px}.ui-card__footer{background-color:var(--bg-surface-hover);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.ui-section-header{flex-direction:column;gap:8px;margin-bottom:36px;display:flex}.ui-section-header--center{text-align:center;align-items:center}.ui-section-header__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-pill);background-color:#6366f11a;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.ui-section-header__title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:800}.ui-section-header__subtitle{color:var(--text-muted);max-width:640px;margin:0;font-size:1rem;line-height:1.6}.ui-empty-state{text-align:center;background-color:var(--bg-surface);border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;max-width:540px;margin:0 auto;padding:48px 24px;display:flex}.ui-empty-state__icon{border-radius:var(--radius-xl);width:64px;height:64px;color:var(--primary);background-color:#6366f11a;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.ui-empty-state__title{color:var(--text-main);margin-bottom:8px;font-size:1.2rem;font-weight:700}.ui-empty-state__desc{color:var(--text-muted);max-width:400px;margin-bottom:24px;font-size:.9rem;line-height:1.6}.ui-empty-state__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.ui-skeleton{background:linear-gradient(90deg, var(--bg-surface-hover) 25%, var(--border-subtle) 50%, var(--bg-surface-hover) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonLoading;display:inline-block}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-skeleton--text{width:100%;height:1em;margin-bottom:8px}.ui-skeleton--title{width:60%;height:1.5em;margin-bottom:16px}.ui-skeleton--circle{border-radius:50%;width:48px;height:48px}.ui-skeleton--rect{border-radius:var(--radius-lg);width:100%;height:180px}.ui-skeleton--button{border-radius:var(--radius-lg);width:120px;height:40px}.ui-skeleton--card{border-radius:var(--radius-xl);width:100%;height:240px}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100vw - 48px);max-width:400px;display:flex;position:fixed;top:24px;right:24px}.ui-toast{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);pointer-events:auto;align-items:flex-start;gap:14px;padding:16px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ui-toast--out{animation:.25s forwards toastOut!important}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.95)}}.ui-toast__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.ui-toast--success{border-left:4px solid #10b981}.ui-toast--success .ui-toast__icon{color:#10b981}.ui-toast--error{border-left:4px solid #ef4444}.ui-toast--error .ui-toast__icon{color:#ef4444}.ui-toast--warning{border-left:4px solid #f59e0b}.ui-toast--warning .ui-toast__icon{color:#f59e0b}.ui-toast--info{border-left:4px solid #3b82f6}.ui-toast--info .ui-toast__icon{color:#3b82f6}.ui-toast__content{flex-grow:1}.ui-toast__title{color:var(--text-main);margin-bottom:2px;font-size:.95rem;font-weight:700}.ui-toast__msg{color:var(--text-muted);font-size:.85rem;line-height:1.5}.ui-toast__close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.ui-toast__close:hover{color:var(--text-main)}.ui-toast__progress{background-color:var(--primary);width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastProgress{0%{width:100%}to{width:0%}}.ui-modal-backdrop{backdrop-filter:blur(4px);z-index:9990;opacity:0;visibility:hidden;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.ui-modal-backdrop.is-open{opacity:1;visibility:visible}.ui-modal{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:560px;max-height:90vh;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.94)translateY(12px);box-shadow:0 20px 50px #00000059}.ui-modal-backdrop.is-open .ui-modal{transform:scale(1)translateY(0)}.ui-modal--sm{max-width:400px}.ui-modal--lg{max-width:800px}.ui-modal--full{max-width:1100px}.ui-modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ui-modal__title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.ui-modal__close{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ui-modal__close:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.ui-modal__body{color:var(--text-muted);padding:24px;font-size:.95rem;line-height:1.6;overflow-y:auto}.ui-modal__footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-hover);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip]:after{opacity:0;visibility:hidden;pointer-events:none;z-index:9980;transition:opacity .2s,transform .2s,visibility .2s;position:absolute}[data-tooltip]:before{content:"";border:5px solid #0000}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;border-radius:var(--radius-md);white-space:nowrap;background-color:#1e293b;padding:6px 12px;font-size:.75rem;font-weight:500;box-shadow:0 4px 12px #0003}[data-tooltip]:before{border-top-color:#1e293b;bottom:100%;left:50%;transform:translate(-50%)translateY(2px)}[data-tooltip]:after{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(2px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}[data-tooltip-pos=bottom]:before{border-top-color:#0000;border-bottom-color:#1e293b;top:100%;bottom:auto;transform:translate(-50%)translateY(-2px)}[data-tooltip-pos=bottom]:after{top:calc(100% + 10px);bottom:auto;transform:translate(-50%)translateY(-2px)}.ui-breadcrumb{margin-bottom:20px}.ui-breadcrumb__list{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.ui-breadcrumb__item{align-items:center;gap:8px;display:flex}.ui-breadcrumb__link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.ui-breadcrumb__link:hover{color:var(--primary)}.ui-breadcrumb__separator{color:var(--border-strong);align-items:center;display:flex}.ui-breadcrumb__current{color:var(--text-main);font-weight:600}.ui-page-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);margin-bottom:40px;padding:40px 0}.ui-page-header__content{flex-direction:column;gap:12px;display:flex}.ui-page-header__title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.ui-page-header__desc{color:var(--text-muted);max-width:680px;margin:0;font-size:1.05rem;line-height:1.6}.ui-page-header__meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.ui-grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.ui-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ui-grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=992px){.ui-grid-4,.ui-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ui-grid-4,.ui-grid-3,.ui-grid-2{grid-template-columns:1fr}}.ui-flex-center{justify-content:center;align-items:center;display:flex}.ui-flex-between{justify-content:space-between;align-items:center;display:flex}.ui-stack{flex-direction:column;display:flex}.ui-gap-sm{gap:8px}.ui-gap-md{gap:16px}.ui-gap-lg{gap:24px}.ui-divider{background-color:var(--border-subtle);border:0;width:100%;height:1px;margin:24px 0}.ui-divider--vertical{width:1px;height:100%;min-height:24px;margin:0 16px;display:inline-block}.ui-divider--with-text{text-align:center;color:var(--text-muted);text-transform:uppercase;align-items:center;margin:24px 0;font-size:.8rem;font-weight:600;display:flex}.ui-divider--with-text:before,.ui-divider--with-text:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.ui-divider--with-text:not(:empty):before{margin-right:16px}.ui-divider--with-text:not(:empty):after{margin-left:16px}.ui-spinner{border:2px solid #6366f133;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ui-spinner--sm{border-width:2px;width:16px;height:16px}.ui-spinner--lg{border-width:3px;width:40px;height:40px}.ui-spinner--white{border-color:#fff #ffffff4d #ffffff4d}.ui-loader-pulse{align-items:center;gap:6px;display:inline-flex}.ui-loader-pulse span{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulseDot}.ui-loader-pulse span:nth-child(2){animation-delay:.2s}.ui-loader-pulse span:nth-child(3){animation-delay:.4s}@keyframes pulseDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.ui-progress-bar{background-color:var(--bg-surface-hover);border-radius:var(--radius-pill);width:100%;height:8px;position:relative;overflow:hidden}.ui-progress-bar__inner{background:linear-gradient(90deg, var(--primary) 0%, #a855f7 100%);border-radius:var(--radius-pill);height:100%;transition:width .3s}.file-uploader{flex-direction:column;gap:16px;width:100%;margin:0 auto;display:flex}.file-uploader__dropzone{text-align:center;border-radius:var(--radius-xl);cursor:pointer;user-select:none;background-color:#6366f108;background-image:radial-gradient(circle,#6366f10f 0%,#0000 100%);border:2px dashed #6366f180;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:28px 24px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 0 30px #6366f10a}.file-uploader__dropzone:hover{border-color:var(--primary);background-color:#6366f10d;background-image:radial-gradient(circle,#6366f11a 0%,#0000 100%);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a,inset 0 0 40px #6366f10f}[data-theme=dark] .file-uploader__dropzone{background-color:#818cf808;background-image:radial-gradient(circle,#818cf80f 0%,#0000 100%);border-color:#818cf866;box-shadow:inset 0 0 30px #818cf80a}[data-theme=dark] .file-uploader__dropzone:hover{border-color:var(--primary);background-color:#818cf80d;background-image:radial-gradient(circle,#818cf81a 0%,#0000 100%);box-shadow:0 8px 24px #0000004d,inset 0 0 40px #818cf80f}.file-uploader__dropzone:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.file-uploader__dropzone--dragging{border-color:var(--primary)!important;box-shadow:0 12px 32px #6366f126, inset 0 0 0 1px var(--primary), inset 0 0 30px #6366f11a!important;background:radial-gradient(circle,#6366f126 0%,#6366f10d 100%)!important;transform:scale(1.02)!important}[data-theme=dark] .file-uploader__dropzone--dragging{box-shadow:0 12px 32px #0006, inset 0 0 0 1px var(--primary), inset 0 0 30px #818cf826!important;background:radial-gradient(circle,#818cf833 0%,#818cf80d 100%)!important}.file-uploader__dropzone--dragging .file-uploader__icon-wrap{color:#fff;background-color:var(--primary);transform:translateY(-6px)scale(1.1);box-shadow:0 8px 20px #6366f14d}.file-uploader__dropzone--error{animation:.4s ease-in-out dropzoneShake;background-color:#ef44440d!important;border-color:#ef4444!important}@keyframes dropzoneShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.file-uploader__dropzone--success{background-color:#10b9810d!important;border-color:#10b981!important}.file-uploader__dropzone--disabled{opacity:.5;pointer-events:none;cursor:not-allowed;border-style:solid}.file-uploader__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-uploader__icon-wrap{border-radius:var(--radius-xl);background-color:var(--primary-subtle);border:1px solid var(--primary-border);width:56px;height:56px;color:var(--primary);transition:transform var(--transition-normal), color var(--transition-normal), background-color var(--transition-normal), box-shadow var(--transition-normal);justify-content:center;align-items:center;margin-bottom:12px;display:flex;box-shadow:0 4px 12px -2px #6366f126}.file-uploader__dropzone:hover .file-uploader__icon-wrap{background-color:var(--primary);color:#fff;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px -2px #6366f159}.file-uploader__title{color:var(--text-main);letter-spacing:-.01em;margin-bottom:4px;font-size:1.15rem;font-weight:700}.file-uploader__title span{color:var(--primary)}.file-uploader__hint-main{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-weight:500}.file-uploader__browse{color:var(--primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.file-uploader__hint{color:var(--text-muted);max-width:420px;font-size:.8rem;line-height:1.5}.file-uploader__error-banner{color:#ef4444;border-radius:var(--radius-lg);text-align:left;background-color:#ef44441a;border:1px solid #ef444440;align-items:center;gap:10px;width:100%;max-width:480px;margin-top:12px;padding:10px 16px;font-size:.85rem;animation:.25s forwards fadeIn;display:none}.file-uploader__error-banner.is-visible{display:flex}.file-preview-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards cardSlideUp;display:flex}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-preview-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.file-preview-card__icon-wrap{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.8rem;font-weight:700;display:flex}.file-preview-card__icon-wrap--pdf{color:#ef4444;background-color:#ef44441f;border:1px solid #ef444440}.file-preview-card__icon-wrap--image{color:#a855f7;background-color:#a855f71f;border:1px solid #a855f740}.file-preview-card__icon-wrap--archive{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b40}.file-preview-card__icon-wrap--code{color:#10b981;background-color:#10b9811f;border:1px solid #10b98140}.file-preview-card__icon-wrap--default{color:var(--primary);border:1px solid var(--primary-border);background-color:#6366f11f}.file-preview-card__details{flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.file-preview-card__header{align-items:center;gap:8px;display:flex}.file-preview-card__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.95rem;font-weight:700;overflow:hidden}.file-preview-card__meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.file-preview-card__progress{margin-top:6px}.file-preview-card__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=640px){.file-preview-card{flex-direction:column;align-items:flex-start}.file-preview-card__actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;width:100%;margin-top:6px;padding-top:10px}}.processing-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);width:100%;max-width:680px;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;gap:24px;margin:0 auto;padding:32px;display:flex;position:relative;overflow:hidden}.processing-card--active{border-color:var(--primary-border);box-shadow:var(--shadow-md), var(--shadow-glow)}.processing-state{text-align:center;flex-direction:column;align-items:center;gap:20px;animation:.3s forwards fadeIn;display:flex}.processing-state__icon-box{border-radius:var(--radius-xl);border:1px solid var(--primary-border);width:64px;height:64px;color:var(--primary);background-color:#6366f11a;justify-content:center;align-items:center;display:flex}.processing-state__title{color:var(--text-main);margin-bottom:4px;font-size:1.25rem;font-weight:700}.processing-state__desc{color:var(--text-muted);max-width:440px;font-size:.9rem;line-height:1.5}.processing-progress-wrap{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.processing-circle{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.processing-circle svg{width:100px;height:100px;transform:rotate(-90deg)}.processing-circle__bg{stroke:var(--bg-surface-hover);stroke-width:8px;fill:none}.processing-circle__fill{stroke:var(--primary);stroke-width:8px;stroke-linecap:round;fill:none;stroke-dasharray:264;stroke-dashoffset:264px;transition:stroke-dashoffset .3s ease, stroke var(--transition-normal)}.processing-circle__text{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:800;position:absolute}.processing-linear{flex-direction:column;gap:8px;width:100%;display:flex}.processing-linear__header{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.processing-linear__step{color:var(--text-main);align-items:center;gap:8px;font-weight:600;display:flex}.processing-linear__time{color:var(--text-muted)}.processing-success-icon{color:#10b981;background-color:#10b9811f;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.download-card{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:left;flex-direction:column;gap:16px;width:100%;padding:20px 24px;display:flex}.download-card__main{align-items:center;gap:16px;display:flex}.download-card__icon-wrap{border-radius:var(--radius-xl);color:#10b981;background-color:#10b9811f;border:1px solid #10b98140;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.download-card__details{flex-grow:1;min-width:0}.download-card__title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1rem;font-weight:700;overflow:hidden}.download-card__meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.825rem;display:flex}.download-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.download-card__actions .btn{flex:1;justify-content:center;min-width:130px}.processing-error-icon{color:#ef4444;background-color:#ef44441f;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.4s ease-in-out dropzoneShake;display:flex}.processing-error-box{border-radius:var(--radius-lg);color:#ef4444;background-color:#ef444414;border:1px solid #ef444433;width:100%;padding:14px 18px;font-size:.875rem;line-height:1.5}@media (width<=640px){.processing-card{padding:20px}.download-card__actions{flex-direction:column}.download-card__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.processing-success-icon,.processing-error-icon,.processing-circle__fill{transition:none!important;animation:none!important}}.breadcrumb-nav{display:none!important}.tool-hero-breadcrumb{z-index:1;justify-content:flex-start;margin-bottom:20px;display:flex;position:relative}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb__item{align-items:center;display:flex}.breadcrumb__link{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:flex}.breadcrumb__link:hover{color:var(--primary)}.breadcrumb__separator{color:var(--text-muted);opacity:.5;user-select:none}.breadcrumb__item--active{color:var(--text-main);font-weight:600}.tool-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);text-align:center;padding:24px 0 40px;position:relative;overflow:hidden}.tool-header__ambient-glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(#6366f126 0%,#a855f70f 50%,#0000 70%);width:700px;height:350px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.tool-header__inner{z-index:1;flex-direction:column;align-items:center;gap:20px;max-width:860px;margin:0 auto;display:flex;position:relative}.tool-header__top-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tool-header__pill{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.tool-header__pill--primary{color:var(--primary);border:1px solid var(--primary-border);background-color:#6366f11f}.tool-header__pill--subtle{background-color:var(--bg-surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.tool-header__live-dot,.live-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 8px #10b98199}.live-dot--green{background-color:#10b981;box-shadow:0 0 8px #10b98199}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.tool-header__title-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.tool-header__icon{border-radius:var(--radius-xl);border:1px solid var(--primary-border);width:56px;height:56px;color:var(--primary);background-color:#6366f11f;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #6366f133}.tool-header__title{color:var(--text-main);letter-spacing:-.03em;font-size:clamp(2rem,4vw + .5rem,2.75rem);font-weight:800;line-height:1.15}.tool-header__desc{color:var(--text-muted);max-width:700px;font-size:1.1rem;line-height:1.6}.tool-header__stats{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:780px;margin-top:8px;display:grid}.tool-stat-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:14px 16px;display:flex}.tool-stat-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.tool-stat-card__val{color:var(--text-main);align-items:center;gap:6px;font-size:1.05rem;font-weight:800;display:flex}.tool-stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.tool-header__cta-wrap{margin-top:8px}.btn--hero-cta{border-radius:var(--radius-pill);padding:14px 32px;font-size:1rem;font-weight:700;box-shadow:0 8px 25px #6366f159}.btn--hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f180}.tool-header__trust-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.trust-badge{border-radius:var(--radius-pill);background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);transition:border-color var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.trust-badge:hover{border-color:var(--border-strong)}.trust-badge svg{color:var(--primary)}.tool-workspace{padding:48px 0 72px}.tool-workspace__grid{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.tool-workspace__main{flex-direction:column;gap:28px;display:flex}.tool-workspace__sidebar{top:calc(var(--header-height) + 24px);flex-direction:column;align-self:start;gap:28px;display:flex;position:sticky}.tool-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.tool-card--workspace{border-color:var(--border-strong)}.tool-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow);background-color:var(--bg-surface-hover);transform:translateY(-4px)}.card__header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface-hover);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card__title-wrap{align-items:center;gap:12px;display:flex}.card__step-num{background:var(--gradient-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.card__title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:800}.card__subtitle{color:var(--text-muted);margin-top:2px;font-size:.8125rem;font-weight:500}.card__body{padding:28px}.tool-settings__form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group--inline{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px}.form-label{color:var(--text-main);font-size:.85rem;font-weight:600}.form-label--bold{font-weight:700}.form-hint{color:var(--text-muted);font-size:.775rem}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label-value{color:var(--primary);font-size:.85rem;font-weight:700}.form-checkbox-group{flex-direction:column;gap:10px;display:flex}.ui-checkbox{cursor:pointer;user-select:none;align-items:center;gap:10px;display:flex}.ui-checkbox input{display:none}.ui-checkbox__mark{border:1.5px solid var(--border-subtle);background-color:var(--bg-surface);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.ui-checkbox input:checked+.ui-checkbox__mark{background-color:var(--primary);border-color:var(--primary)}.ui-checkbox input:checked+.ui-checkbox__mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-bottom:2px;transform:rotate(45deg)}.ui-checkbox__label{color:var(--text-main);font-size:.875rem}.form-radio-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ui-radio-card{cursor:pointer}.ui-radio-card input{display:none}.ui-radio-card__inner{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-surface-hover);text-align:center;transition:all var(--transition-fast);flex-direction:column;gap:2px;padding:12px;display:flex}.ui-radio-card input:checked+.ui-radio-card__inner{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background-color:#6366f114}.ui-radio-card__title{color:var(--text-main);font-size:.85rem;font-weight:700}.ui-radio-card__sub{color:var(--text-muted);font-size:.725rem}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ui-select-wrap{position:relative}.ui-select-wrap:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ui-select,.ui-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:100%;color:var(--text-main);transition:border-color var(--transition-fast);appearance:none;padding:10px 14px;font-family:inherit;font-size:.875rem}.ui-select:focus,.ui-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6366f133}.ui-slider{width:100%;accent-color:var(--primary);cursor:pointer}.ui-switch{width:44px;height:24px;display:inline-block;position:relative}.ui-switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.tool-settings__actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:12px;padding-top:12px;display:flex}.info-specs-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.info-spec-item{align-items:flex-start;gap:12px;display:flex}.info-spec-item__icon{border-radius:var(--radius-md);background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-spec-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.info-spec-item__value{color:var(--text-main);font-size:.875rem;font-weight:600}.info-tips-box{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background-color:#6366f10f;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.info-tips-box__title{color:var(--primary);align-items:center;gap:6px;font-size:.825rem;font-weight:700;display:flex}.info-tips-box__text{color:var(--text-main);margin:0;font-size:.825rem;line-height:1.5}.info-shortcuts-box{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.info-shortcuts-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.775rem;font-weight:700}.info-shortcuts-list{flex-direction:column;gap:8px;display:flex}.info-shortcut-item{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;display:flex}.info-shortcut-item kbd{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);color:var(--text-main);padding:2px 6px;font-family:inherit;font-size:.75rem;font-weight:700}.tool-section{padding:64px 0}.bg-surface-subtle{background-color:var(--bg-surface-hover)}.tool-card-mini{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.tool-card-mini:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-mini__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tool-card-mini__icon--red{color:#ef4444;background-color:#ef44441f}.tool-card-mini__icon--indigo{color:var(--primary);background-color:#6366f11f}.tool-card-mini__icon--amber{color:#f59e0b;background-color:#f59e0b1f}.tool-card-mini__icon--green{color:#10b981;background-color:#10b9811f}.tool-card-mini__content{flex-grow:1;min-width:0}.tool-card-mini__title{color:var(--text-main);margin-bottom:2px;font-size:.95rem;font-weight:700}.tool-card-mini__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-card-mini__arrow{color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast);font-weight:700}.tool-card-mini:hover .tool-card-mini__arrow{color:var(--primary);transform:translate(4px)}.faq-list{flex-direction:column;gap:14px;display:flex}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background-color:var(--bg-surface);transition:border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--primary-border)}.faq-item__question{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 22px;font-size:.975rem;font-weight:700;display:flex}.faq-item__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.faq-item__question[aria-expanded=true] .faq-item__icon{color:var(--primary);transform:rotate(180deg)}.faq-item__answer{color:var(--text-muted);padding:0 22px 18px;font-size:.875rem;line-height:1.6;display:none}.faq-item__question[aria-expanded=true]+.faq-item__answer{animation:.2s forwards fadeIn;display:block}.seo-content-block{flex-direction:column;gap:24px;display:flex}.seo-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.seo-lead{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.seo-steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:12px 0;display:grid}.seo-step{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:10px;padding:20px;display:flex}.seo-step__num{width:32px;height:32px;color:var(--primary);background-color:#6366f11f;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.seo-step__title{color:var(--text-main);margin:0;font-size:.975rem;font-weight:700}.seo-step__desc{color:var(--text-muted);margin:0;font-size:.825rem;line-height:1.5}.seo-article-body h3{color:var(--text-main);margin-bottom:8px;font-size:1.25rem;font-weight:700}.seo-article-body p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.cta-section{padding:64px 0 80px}.cta-card{border:1px solid var(--primary-border);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#6366f126 0%,#a855f726 100%);padding:48px}.cta-card__content{flex-direction:column;align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex}.cta-card__title{color:var(--text-main);letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.cta-card__desc{color:var(--text-muted);font-size:1rem;line-height:1.5}@media (width<=992px){.tool-workspace__grid,.form-radio-grid,.seo-steps-grid{grid-template-columns:1fr}}@media (width<=640px){.tool-header__title{font-size:1.75rem}.form-grid-2{grid-template-columns:1fr}.cta-card{padding:28px 20px}}.merge-file-item{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:grab;user-select:none;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.merge-file-item:hover{border-color:var(--primary-border);background-color:var(--bg-surface);box-shadow:var(--shadow-sm)}.merge-file-item:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.merge-file-item.is-dragging{opacity:.4;background-color:var(--bg-surface);border-style:dashed}.merge-file-item.drag-over{border-color:var(--primary);background-color:#6366f114;transform:translateY(-2px)}.merge-file-item__drag{color:var(--text-muted);cursor:grab;justify-content:center;align-items:center;display:flex}.merge-file-item__index-pill{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.merge-file-item__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.merge-file-item__title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.885rem;font-weight:600;overflow:hidden}.merge-file-item__meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.775rem;display:flex}.merge-file-item__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.settings-modal{z-index:2000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-modal__overlay{-webkit-backdrop-filter:blur(8px);animation:fadeInOverlay var(--transition-fast) ease-out;background-color:#0f172aa6;position:absolute;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.settings-modal__container{z-index:10;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:820px;max-height:85vh;box-shadow:var(--shadow-lg);animation:modalScaleUp var(--transition-fast) ease-out;flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-modal__header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-app);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.settings-modal__icon{border-radius:var(--radius-md);background-color:var(--primary-subtle);width:36px;height:36px;color:var(--primary);justify-content:center;align-items:center;display:flex}.settings-modal__title{color:var(--text-main);margin:0;font-size:1.125rem;font-weight:700}.settings-modal__body{flex:1;min-height:380px;display:flex;overflow:hidden}.settings-nav{background-color:var(--bg-app);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:16px 12px;display:flex}.settings-nav__item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:600;display:flex}.settings-nav__item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.settings-nav__item--active,.settings-nav__item--active:hover{background-color:var(--primary-subtle);color:var(--primary)}.settings-content{background-color:var(--bg-surface);flex:1;padding:24px;overflow-y:auto}.settings-tab-panel{display:none}.settings-tab-panel--active{display:block}.settings-group{margin-bottom:8px}.settings-group__title{color:var(--text-main);margin-bottom:4px;font-size:.95rem;font-weight:700}.settings-group__desc{color:var(--text-muted);margin-bottom:14px;font-size:.8125rem;line-height:1.4}.settings-radio-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.settings-radio-card{cursor:pointer}.settings-radio-input{opacity:0;pointer-events:none;position:absolute}.settings-radio-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-app);color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:.8125rem;font-weight:600;display:flex}.settings-radio-card:hover .settings-radio-box{border-color:var(--primary-border);color:var(--text-main)}.settings-radio-input:checked+.settings-radio-box{border-color:var(--primary);background-color:var(--primary-subtle);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row__label{color:var(--text-main);font-size:.875rem;font-weight:600}.settings-row__hint{color:var(--text-muted);margin-top:2px;font-size:.775rem}.ui-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.ui-switch input{opacity:0;width:0;height:0}.ui-switch__slider{cursor:pointer;background-color:var(--border-strong);border-radius:24px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.ui-switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.ui-switch input:checked+.ui-switch__slider{background-color:var(--primary)}.ui-switch input:checked+.ui-switch__slider:before{transform:translate(20px)}.ui-switch input:focus-visible+.ui-switch__slider{box-shadow:var(--focus-ring)}.settings-modal__footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-app);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}@media (width<=680px){.settings-modal__body{flex-direction:column;overflow-y:auto}.settings-nav{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;width:100%;padding:10px;overflow-x:auto}.settings-nav__item{white-space:nowrap;padding:8px 12px;font-size:.8125rem}.settings-radio-grid{grid-template-columns:1fr}}.organize-workspace{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:24px;padding:20px}.organize-toolbar{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.organize-toolbar__status{color:var(--text-main);align-items:center;gap:12px;font-size:.875rem;font-weight:600;display:flex}.organize-toolbar__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.organize-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;min-height:240px;padding:8px 0;display:grid}.organize-grid--compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.organize-grid--large{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.organize-card{background-color:var(--bg-app);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:grab;user-select:none;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.organize-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.organize-card--selected{background-color:var(--primary-subtle);box-shadow:0 0 0 1px var(--primary);border-color:var(--primary)!important}.organize-card--dragging{opacity:.4;border-style:dashed;transform:scale(.95)}.organize-card--drag-over{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);transform:scale(1.02)}.organize-card__header{justify-content:space-between;align-items:center;width:100%;display:flex}.organize-card__checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.organize-card__badge{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:2px 8px;font-size:.725rem;font-weight:700}.organize-card__rotation-badge{border-radius:var(--radius-sm);color:#fff;background-color:#3b82f6;padding:1px 6px;font-size:.675rem;font-weight:700}.organize-card__thumb-wrapper{aspect-ratio:3/4;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.organize-card__canvas{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--transition-fast)}.organize-card__thumb-placeholder{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.75rem;display:flex}.organize-card__overlay{backdrop-filter:blur(2px);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#0f172a73;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.organize-card:hover .organize-card__overlay,.organize-card:focus-within .organize-card__overlay{opacity:1;pointer-events:auto}.organize-card__btn{border-radius:var(--radius-md);color:#0f172a;cursor:pointer;width:30px;height:30px;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), background var(--transition-fast);background:#fff;border:none;justify-content:center;align-items:center;display:flex}.organize-card__btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.organize-card__btn--danger:hover{color:#fff;background:#ef4444}.organize-card__footer{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.organize-card__move-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:2px 8px;font-size:.725rem}.organize-card__move-btn:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary);background-color:var(--primary-subtle)}.organize-card__move-btn:disabled{opacity:.3;cursor:not-allowed}.organize-lightbox{z-index:2100;backdrop-filter:blur(8px);background-color:#0f172ad9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.organize-lightbox__content{background-color:var(--bg-surface);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex;position:relative}.organize-lightbox__canvas{object-fit:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:100%;max-height:70vh;box-shadow:var(--shadow-md)}@media (width<=640px){.organize-toolbar{flex-direction:column;align-items:stretch}.organize-toolbar__actions{justify-content:center}}.cropper-stage{border-radius:var(--radius-md);user-select:none;touch-action:none;border:1px solid var(--border-subtle);background-color:#0b0f19;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:16px 16px;justify-content:center;align-items:center;width:100%;min-height:280px;max-height:500px;padding:16px;display:flex;position:relative;overflow:hidden}.cropper-wrapper{border-radius:4px;max-width:100%;max-height:460px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.cropper-wrapper img{object-fit:contain;pointer-events:none;user-select:none;max-width:100%;max-height:460px;display:block}.cropper-box{border:2px solid var(--primary);box-sizing:border-box;cursor:move;touch-action:none;z-index:10;position:absolute;box-shadow:0 0 0 9999px #000000a6}.cropper-box--circle{border-radius:50%}.cropper-grid{pointer-events:none;position:absolute;inset:0}.cropper-line{background:#fff6;position:absolute}.cropper-line.line-h1{height:1px;top:33.33%;left:0;right:0}.cropper-line.line-h2{height:1px;top:66.66%;left:0;right:0}.cropper-line.line-v1{width:1px;top:0;bottom:0;left:33.33%}.cropper-line.line-v2{width:1px;top:0;bottom:0;left:66.66%}.cropper-handle{background-color:var(--primary);z-index:20;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 4px #0000004d}.cropper-handle.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.cropper-handle.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.cropper-handle.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.cropper-handle.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.cropper-handle.handle-n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.cropper-handle.handle-s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.cropper-handle.handle-w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.cropper-handle.handle-e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.cropper-controls-bar{background:var(--bg-surface-hover);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.rotator-stage{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:#0b0f19;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:16px 16px;justify-content:center;align-items:center;width:100%;min-height:280px;max-height:480px;padding:24px;display:flex;position:relative;overflow:hidden}.rotator-canvas{object-fit:contain;border-radius:4px;max-width:100%;max-height:420px;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0006}.batch-ui-root{width:100%;margin:16px 0}.batch-ui-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);flex-direction:column;gap:20px;padding:24px;display:flex}.batch-ui-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.batch-ui-title{color:var(--text-heading,#0f172a);margin-bottom:4px;font-size:1.25rem;font-weight:700}.batch-ui-subtitle{color:var(--text-muted,#64748b);font-size:.875rem}.batch-ui-concurrency-box{align-items:center;gap:8px;display:flex}.batch-ui-label{color:var(--text-body,#334155);font-size:.8125rem;font-weight:600}.batch-ui-select{border-radius:var(--radius-md,6px);border:1px solid var(--border-subtle,#cbd5e1);background-color:var(--bg-surface-hover,#f8fafc);color:var(--text-heading,#0f172a);cursor:pointer;padding:6px 12px;font-size:.8125rem}.batch-dropzone{border:2px dashed var(--primary-border,#6366f140);border-radius:var(--radius-xl,16px);text-align:center;background:radial-gradient(circle at 50% 35%, var(--primary-subtle,#6366f114) 0%, var(--bg-surface,#fff) 85%);box-shadow:inset 0 0 24px var(--primary-subtle,#6366f114), var(--shadow-sm);cursor:pointer;transition:border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;align-items:center;gap:12px;padding:36px 20px;display:flex}.batch-dropzone:hover,.batch-dropzone.drag-over{border-color:var(--primary,#6366f1);background:radial-gradient(circle at 50% 35%, #6366f11f 0%, var(--bg-surface-hover,#f8fafc) 88%);box-shadow:inset 0 0 32px var(--primary-subtle,#6366f114), 0 8px 24px -4px var(--primary-border,#6366f140);transform:translateY(-2px)}.batch-dropzone-icon{color:var(--primary,#3b82f6)}.batch-dropzone-text{color:var(--text-heading,#0f172a);flex-direction:column;gap:4px;display:flex}.batch-dropzone-text strong{font-size:1rem}.batch-dropzone-text span{color:var(--text-muted,#64748b);font-size:.875rem}.batch-dropzone-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.batch-badge{background-color:var(--border-subtle,#e2e8f0);color:var(--text-muted,#475569);border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:500}.batch-toolbar{border-bottom:1px solid var(--border-subtle,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.batch-queue-count{color:var(--text-heading,#0f172a);font-size:.9375rem;font-weight:600}.batch-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.batch-progress-box{background-color:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);padding:16px}.batch-progress-header{color:var(--text-heading,#0f172a);justify-content:space-between;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.batch-progress-track{background-color:var(--border-subtle,#e2e8f0);border-radius:9999px;width:100%;height:8px;overflow:hidden}.batch-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:9999px;height:100%;transition:width .25s}.batch-queue-container{border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);max-height:420px;overflow-y:auto}.batch-queue-list{divide-y:1px solid var(--border-subtle,#e2e8f0);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.batch-queue-item{border-bottom:1px solid var(--border-subtle,#f1f5f9);background-color:var(--bg-surface,#fff);grid-template-columns:32px 54px 1fr 140px auto;align-items:center;gap:12px;padding:12px 16px;transition:background-color .15s;display:grid}.batch-queue-item:hover{background-color:var(--bg-surface-hover,#f8fafc)}.batch-queue-item.active-processing{background-color:#3b82f60d}.batch-item-reorder{flex-direction:column;gap:2px;display:flex}.btn-icon-xs{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;font-size:.65rem;line-height:1}.btn-icon-xs:hover:not(:disabled){background-color:var(--border-subtle,#e2e8f0);color:var(--text-heading,#0f172a)}.btn-icon-xs:disabled{opacity:.3;cursor:not-allowed}.batch-item-thumb{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle,#e2e8f0);background-color:#0b0f19;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.batch-item-thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:#94a3b8;font-size:.65rem;font-weight:700}.batch-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.batch-item-filename{color:var(--text-heading,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.batch-item-specs{color:var(--text-muted,#64748b);gap:6px;font-size:.75rem;display:flex}.batch-item-error{font-size:.75rem;font-weight:500}.batch-status-badge{text-align:center;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-pending{color:#475569;background-color:#f1f5f9}.badge-processing{color:#1e40af;background-color:#dbeafe}.badge-success{color:#166534;background-color:#dcfce7}.badge-danger{color:#991b1b;background-color:#fee2e2}.badge-warning{color:#92400e;background-color:#fef3c7}.batch-item-progress-track{background-color:#e2e8f0;border-radius:9999px;width:100%;height:4px;margin-top:4px;overflow:hidden}.batch-item-progress-bar{background-color:#3b82f6;height:100%;transition:width .2s}.batch-item-actions{align-items:center;gap:8px;display:flex}.batch-summary-panel{background-color:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;gap:20px;padding:20px;display:flex}.batch-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.batch-stat-card{background-color:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.batch-stat-card.highlight{background-color:#3b82f60d;border-color:#3b82f64d}.batch-stat-label{color:var(--text-muted,#64748b);font-size:.75rem;font-weight:500}.batch-stat-value{color:var(--text-heading,#0f172a);font-size:1.125rem;font-weight:700}.batch-summary-actions{justify-content:center;align-items:center;display:flex}@media (width<=640px){.batch-queue-item{grid-template-columns:28px 44px 1fr auto}.batch-item-status-box{grid-column:span 4;margin-top:4px}.batch-ui-header{flex-direction:column}}.text-workspace-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.text-workspace__toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.text-workspace__toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text-workspace__input-wrap{border-radius:var(--radius-md,12px);width:100%;transition:all var(--transition-fast);position:relative}.text-workspace__input-wrap--dragover .text-workspace__textarea{border-color:var(--primary);background-color:var(--primary-subtle);box-shadow:var(--shadow-glow)}.text-workspace__textarea{width:100%;min-height:240px;max-height:600px;font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:16px 20px;font-size:1rem;line-height:1.6}.text-workspace__textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--bg-surface)}.text-workspace__textarea::placeholder{color:var(--text-tertiary)}.text-limit-meter{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.text-limit-meter__header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.text-limit-meter__track{background-color:var(--border-subtle);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.text-limit-meter__bar{background-color:var(--primary);border-radius:var(--radius-pill);width:0%;height:100%;transition:width .2s,background-color .2s}.text-limit-meter__warn{color:#ef4444;font-size:.8125rem;font-weight:600;display:none}.text-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.text-stat-card{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:6px;padding:16px;display:flex}.text-stat-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.text-stat-card__header{color:var(--text-muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.text-stat-card__icon{border-radius:var(--radius-sm);background-color:var(--primary-subtle);width:28px;height:28px;color:var(--primary);justify-content:center;align-items:center;display:flex}.text-stat-card__value{color:var(--text-main);font-size:1.5rem;font-weight:800;line-height:1.2}.text-stat-card__subtext{color:var(--text-tertiary);font-size:.75rem}.case-actions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.case-btn{color:var(--text-main);background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;display:flex}.case-btn:hover{background-color:var(--primary-subtle);border-color:var(--primary-border);color:var(--primary);transform:translateY(-1px)}.case-btn:active{transform:translateY(0)}.btn-file-wrapper{display:inline-flex;position:relative}.btn-file-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@media (width<=640px){.text-workspace-card{padding:16px}.text-stats-grid,.case-actions-grid{grid-template-columns:repeat(2,1fr)}}.dev-workspace-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:16px;padding:24px;display:flex}.dev-workspace__options-bar{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.dev-workspace__options-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-editor-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dev-editor-grid--single{grid-template-columns:1fr}.dev-editor-panel{flex-direction:column;gap:8px;min-width:0;display:flex}.dev-editor-panel__header{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.dev-editor-panel__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.dev-code-editor-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-app);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.dev-code-editor-wrap:focus-within{border-color:var(--primary-border);box-shadow:var(--focus-ring)}.dev-code-editor-wrap--error{border-color:var(--error,#ef4444)!important;box-shadow:0 0 0 3px #ef444433!important}.dev-code-textarea{width:100%;min-height:360px;max-height:600px;color:var(--text-main);resize:vertical;tab-size:2;white-space:pre;background-color:#0000;border:none;outline:none;padding:16px;font-family:Fira Code,JetBrains Mono,Cascadia Code,Source Code Pro,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}.dev-code-textarea::placeholder{color:var(--text-tertiary)}.dev-status-banner{border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.875rem;display:flex}.dev-status-banner--valid{background-color:var(--success-bg,#10b9811a);color:var(--success,#10b981);border-color:#10b9814d}.dev-status-banner--invalid{color:var(--text-main);background-color:#ef444414;border-color:#ef44444d}.dev-status-banner__icon{flex-shrink:0;margin-top:2px}.dev-status-banner__content{flex-direction:column;gap:4px;display:flex}.dev-status-banner__title{align-items:center;gap:8px;font-weight:700;display:flex}.dev-status-banner__location{border-radius:var(--radius-sm);color:#ef4444;background-color:#ef444426;padding:2px 6px;font-family:monospace;font-size:.8125rem;font-weight:600}.dev-status-banner__code-snippet{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#ef4444;white-space:pre-wrap;word-break:break-all;margin-top:6px;padding:8px 12px;font-family:monospace;font-size:.8125rem;overflow-x:auto}.dev-savings-meter{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.dev-savings-meter__header{justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.dev-savings-meter__track{background-color:var(--border-subtle);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.dev-savings-meter__bar{background-color:var(--primary);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-normal)}@media (width<=860px){.dev-editor-grid{grid-template-columns:1fr}}.json-tree-container{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:380px;max-height:600px;color:var(--text-main);padding:16px;font-family:Fira Code,JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow:auto}.json-tree-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.json-tree-empty__icon{opacity:.5}.json-tree-list{border-left:1px dashed var(--border-subtle);margin:0;padding:0 0 0 16px;list-style:none}.json-tree-list--root{border-left:none;padding-left:0}.json-tree-node{margin:2px 0;position:relative}.json-tree-node__row{border-radius:var(--radius-sm);transition:background-color var(--transition-fast);cursor:pointer;user-select:text;align-items:center;gap:6px;padding:3px 8px;display:flex}.json-tree-node__row:hover{background-color:var(--bg-surface-hover,#0000000a)}[data-theme=dark] .json-tree-node__row:hover{background-color:#ffffff0f}.json-tree-node__toggle{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.json-tree-node__toggle:hover{color:var(--text-main);background-color:var(--border-subtle)}.json-tree-node__toggle--collapsed svg{transform:rotate(-90deg)}.json-tree-node__toggle--hidden{visibility:hidden;pointer-events:none}.json-tree-node__key{color:var(--primary,#2563eb);word-break:break-all;font-weight:600}.json-tree-node__colon{color:var(--text-tertiary);margin-right:2px}.json-tree-node__val--string{color:#059669;word-break:break-all}[data-theme=dark] .json-tree-node__val--string{color:#34d399}.json-tree-node__val--number{color:#2563eb}[data-theme=dark] .json-tree-node__val--number{color:#60a5fa}.json-tree-node__val--boolean{color:#d97706;font-weight:600}[data-theme=dark] .json-tree-node__val--boolean{color:#fbbf24}.json-tree-node__val--null{color:#9ca3af;font-style:italic}.json-tree-node__meta{color:var(--text-tertiary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);margin-left:4px;padding:1px 6px;font-size:.75rem}.json-tree-node__actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:4px;margin-left:auto;display:inline-flex}.json-tree-node__row:hover .json-tree-node__actions{opacity:1}.json-tree-action-btn{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:2px 6px;font-size:.7rem;font-weight:600}.json-tree-action-btn:hover{color:var(--primary);border-color:var(--primary-border);background-color:var(--bg-app)}.json-tree-highlight{color:#854d0e;background-color:#fef08a;border-radius:2px;padding:1px 3px;font-weight:700}[data-theme=dark] .json-tree-highlight{color:#fef08a;background-color:#854d0e}.color-workspace-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.color-workspace-grid{grid-template-columns:320px 1fr}}.color-preview-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);min-height:240px;transition:background-color var(--transition-medium), color var(--transition-medium);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.color-preview__picker-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.color-preview__hex{letter-spacing:.05em;text-transform:uppercase;z-index:1;pointer-events:none;font-family:Fira Code,monospace;font-size:2rem;font-weight:800}.color-preview__hint{color:#fff;border-radius:var(--radius-pill);backdrop-filter:blur(4px);z-index:1;pointer-events:none;background-color:#0003;padding:4px 12px;font-size:.8rem;font-weight:600}.color-inputs-panel{flex-direction:column;gap:16px;display:flex}.color-input-row{flex-direction:column;gap:6px;display:flex}.color-input-row__label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.color-input-group{align-items:center;gap:8px;display:flex}.color-input-group .text-input{font-family:Fira Code,monospace}.color-history-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-history-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;width:32px;height:32px;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.color-history-swatch:hover{box-shadow:var(--shadow-md);z-index:2;transform:scale(1.15)}.palette-grid{border-radius:var(--radius-lg);grid-template-columns:repeat(1,1fr);gap:12px;margin-top:16px;display:grid;overflow:hidden}@media (width>=640px){.palette-grid{grid-template-columns:repeat(5,1fr);min-height:280px}}.palette-card{border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:space-between;align-items:center;min-height:180px;padding:20px 12px;display:flex;position:relative}@media (width>=640px){.palette-card{border-radius:0;min-height:280px}}.palette-card:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.palette-card:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.palette-card__header{justify-content:space-between;align-items:center;width:100%;display:flex}.palette-card__lock-btn{color:inherit;border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#00000026;border:none;justify-content:center;align-items:center;display:inline-flex}.palette-card__lock-btn:hover{background:#0000004d;transform:scale(1.1)}.palette-card__hex{letter-spacing:.05em;text-transform:uppercase;font-family:Fira Code,monospace;font-size:1.1rem;font-weight:700}.palette-card__actions{flex-direction:column;gap:6px;width:100%;display:flex}.palette-card__btn{color:inherit;border-radius:var(--radius-sm);backdrop-filter:blur(4px);cursor:pointer;transition:all var(--transition-fast);text-align:center;background-color:#fff3;border:1px solid #ffffff4d;padding:6px 12px;font-size:.75rem;font-weight:600}.palette-card__btn:hover{background-color:#fff6;transform:translateY(-1px)}body.cmd-palette-open{overflow:hidden!important}.cmd-palette-overlay{z-index:9999;backdrop-filter:blur(8px);opacity:0;visibility:hidden;background-color:#0f172aa6;justify-content:center;align-items:flex-start;padding:16px;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s;display:flex;position:fixed;inset:0}@media (width>=640px){.cmd-palette-overlay{padding:80px 24px 24px}}.cmd-palette-overlay.open{opacity:1;visibility:visible}.cmd-palette-modal{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:0 25px 50px -12px #00000040, var(--shadow-glow);flex-direction:column;max-height:calc(100vh - 32px);transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.96)translateY(-10px)}@media (width>=640px){.cmd-palette-modal{max-height:600px}}.cmd-palette-overlay.open .cmd-palette-modal{transform:scale(1)translateY(0)}.cmd-palette-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-direction:column;gap:12px;padding:16px 20px 12px;display:flex}.cmd-palette-search-box{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;display:flex}.cmd-palette-search-box:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.cmd-palette-search-icon{color:var(--primary);flex-shrink:0}.cmd-palette-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:1rem;font-weight:500}.cmd-palette-input::placeholder{color:var(--text-tertiary)}.cmd-palette-clear-btn{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmd-palette-clear-btn:hover{color:var(--text-main);border-color:var(--border-strong)}.cmd-palette-shortcut-badge{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;user-select:none;padding:3px 8px;font-size:.72rem;font-weight:600;display:none}@media (width>=640px){.cmd-palette-shortcut-badge{display:inline-block}}.cmd-palette-filters{scrollbar-width:none;align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cmd-palette-filters::-webkit-scrollbar{display:none}.cmd-filter-pill{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background-color:#0000;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.cmd-filter-pill:hover{color:var(--text-main);background-color:var(--bg-surface-hover)}.cmd-filter-pill.active{color:#fff;background-color:var(--primary);border-color:var(--primary)}.cmd-filter-count{border-radius:var(--radius-pill);background-color:#fff3;padding:1px 6px;font-size:.7rem}.cmd-filter-pill:not(.active) .cmd-filter-count{background-color:var(--bg-surface-hover);color:var(--text-muted)}.cmd-palette-body{flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.cmd-palette-recent{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px 16px}.cmd-section-title-wrap{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cmd-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.78rem;font-weight:700}.cmd-recent-clear-all{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.cmd-recent-clear-all:hover{text-decoration:underline}.cmd-recent-tags{flex-wrap:wrap;gap:8px;display:flex}.cmd-recent-chip{color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:500;display:inline-flex}.cmd-recent-chip:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-subtle)}.cmd-recent-remove{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.cmd-recent-remove:hover{color:var(--error);background-color:#ef44441a}.cmd-results-list{flex-direction:column;gap:6px;display:flex}.cmd-result-item{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);user-select:none;border:1px solid #0000;align-items:center;gap:14px;padding:10px 14px;display:flex}.cmd-result-item:hover,.cmd-result-item.selected{background-color:var(--bg-surface-hover);border-color:var(--border-subtle)}.cmd-result-item.selected{border-color:var(--primary);background-color:var(--primary-subtle)}.cmd-result-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cmd-result-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cmd-result-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cmd-result-title{color:var(--text-main);font-size:.95rem;font-weight:700;line-height:1.3}.cmd-result-badge{border-radius:var(--radius-pill);background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);padding:2px 8px;font-size:.7rem;font-weight:600}.cmd-result-subbadge{border-radius:var(--radius-sm);color:var(--primary);background-color:#6366f126;padding:2px 6px;font-size:.68rem;font-weight:700}.cmd-result-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;overflow:hidden}.cmd-result-action{color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.cmd-result-item:hover .cmd-result-action,.cmd-result-item.selected .cmd-result-action{opacity:1;color:var(--primary);transform:translate(2px)}mark.search-highlight{color:var(--text-main);background-color:#facc1559;border-radius:2px;padding:0 2px;font-weight:800}[data-theme=dark] mark.search-highlight{color:#fff;background-color:#eab30866}.cmd-empty-state{text-align:center;flex-direction:column;align-items:center;padding:32px 16px;display:flex}.cmd-empty-icon{border-radius:var(--radius-pill);background-color:var(--bg-surface-subtle);width:56px;height:56px;color:var(--text-tertiary);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.cmd-empty-title{color:var(--text-main);margin-bottom:6px;font-size:1.05rem;font-weight:700}.cmd-empty-desc{color:var(--text-muted);max-width:420px;font-size:.85rem}.cmd-palette-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-subtle);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.cmd-palette-hints{align-items:center;gap:16px;display:flex}.cmd-hint-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:inline-flex}kbd.cmd-kbd{min-width:18px;height:18px;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.cmd-palette-footer-brand{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.tool-workspace__shell{flex-direction:column;gap:28px;width:100%;display:flex}.workspace-pipeline{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex}.pipeline-step{opacity:.65;transition:opacity var(--transition-fast);align-items:center;gap:12px;display:flex}.pipeline-step--active{opacity:1}.pipeline-step__num{background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.pipeline-step--active .pipeline-step__num{background:var(--gradient-accent);color:#fff;border-color:#0000;box-shadow:0 4px 14px #6366f159}.pipeline-step__info{flex-direction:column;display:flex}.pipeline-step__title{color:var(--text-main);font-size:.875rem;font-weight:700;line-height:1.25}.pipeline-step__sub{color:var(--text-muted);font-size:.75rem}.pipeline-connector{background-color:var(--border-subtle);border-radius:2px;flex:1;height:2px}.workspace-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.workspace-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.workspace-stage{padding:28px}.workspace-stage__header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.workspace-stage__title-group{align-items:center;gap:14px;display:flex}.workspace-stage-divider{background-color:var(--border-subtle);width:100%;height:1px}.tool-workspace[data-workspace-state=empty] .workspace-pipeline,.tool-workspace[data-workspace-state=empty] .workspace-stage--options,.tool-workspace[data-workspace-state=empty] .tool-settings,.tool-workspace[data-workspace-state=empty] .tool-workspace__sidebar,.tool-workspace[data-workspace-state=empty] .processing-card,.tool-workspace[data-workspace-state=empty] .download-card,.tool-workspace[data-workspace-state=empty] .output-section,.tool-workspace[data-workspace-state=empty] .workspace-stage-divider,.tool-workspace:not([data-workspace-state]) .workspace-pipeline,.tool-workspace:not([data-workspace-state]) .workspace-stage--options,.tool-workspace:not([data-workspace-state]) .tool-settings,.tool-workspace:not([data-workspace-state]) .tool-workspace__sidebar,.tool-workspace:not([data-workspace-state]) .processing-card,.tool-workspace:not([data-workspace-state]) .download-card,.tool-workspace:not([data-workspace-state]) .output-section,.tool-workspace:not([data-workspace-state]) .workspace-stage-divider{display:none!important}.tool-workspace[data-workspace-state=empty] .tool-workspace__grid,.tool-workspace:not([data-workspace-state]) .tool-workspace__grid{max-width:820px!important;margin:0 auto!important;display:block!important}.tool-workspace[data-workspace-state=empty] .workspace-card,.tool-workspace:not([data-workspace-state]) .workspace-card{border-radius:var(--radius-xl);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.workspace-initial-notice-box{border-radius:var(--radius-lg);color:var(--text-main);background-color:#6366f10f;border:1px solid #6366f12e;align-items:center;gap:12px;margin-top:20px;padding:14px 20px;font-size:.85rem;line-height:1.5;display:flex}.workspace-initial-notice-box svg{color:var(--primary);flex-shrink:0}.workspace-initial-workflow-preview{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:24px;display:grid}.initial-step-card{text-align:center;border-radius:var(--radius-xl);background-color:var(--bg-surface-hover);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.initial-step-card__icon{width:36px;height:36px;color:var(--primary);background-color:#6366f11f;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.initial-step-card__title{color:var(--text-main);font-size:.875rem;font-weight:700}.initial-step-card__sub{color:var(--text-muted);font-size:.78rem}.tool-workspace[data-workspace-state=has-file] .workspace-pipeline,.tool-workspace[data-workspace-state=has-file] .workspace-stage--options,.tool-workspace[data-workspace-state=has-file] .tool-settings,.tool-workspace[data-workspace-state=has-file] .tool-workspace__sidebar,.tool-workspace[data-workspace-state=has-file] .workspace-stage-divider{animation:.35s cubic-bezier(.16,1,.3,1) forwards workspaceFadeIn;display:block!important}.tool-workspace[data-workspace-state=has-file] .tool-workspace__grid{grid-template-columns:1fr 340px!important;gap:28px!important;max-width:1200px!important;margin:0 auto!important;display:grid!important}@media (width<=992px){.tool-workspace[data-workspace-state=has-file] .tool-workspace__grid{grid-template-columns:1fr!important}}.tool-workspace[data-workspace-state=has-file] .workspace-initial-workflow-preview{display:none!important}@keyframes workspaceFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-page{padding-top:32px;padding-bottom:80px}.article-container{max-width:1140px;margin:0 auto;padding-left:20px;padding-right:20px}.article-header{margin-bottom:32px}.article-breadcrumb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.article-breadcrumb{color:var(--text-muted);align-items:center;font-size:.875rem;font-weight:500;display:flex}.article-breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.article-breadcrumb a:hover{color:var(--primary)}.article-breadcrumb-sep{color:var(--border-strong);margin:0 8px}.article-meta-top{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;font-weight:500;display:flex}.article-meta-dot{color:var(--text-muted);opacity:.5}.article-title{letter-spacing:-.02em;color:var(--text-main);margin:0 0 16px;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.25}.article-subtitle{color:var(--text-muted);max-width:860px;margin:0 0 28px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.article-author-block{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.article-author-meta{align-items:center;gap:12px;display:flex}.article-author-avatar{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.article-author-info{flex-direction:column;gap:2px;display:flex}.article-author-name{color:var(--text-main);font-size:.95rem;font-weight:700}.article-author-date{color:var(--text-muted);font-size:.8125rem}.article-social-share{align-items:center;gap:8px;display:flex}.article-hero-image{width:100%;margin-top:0;margin-bottom:40px}.article-hero-banner{color:#fffffff2;border-radius:var(--radius-xl);width:100%;height:380px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width<=768px){.article-hero-banner{height:280px}}@media (width<=480px){.article-hero-banner{height:200px}}.article-layout{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=992px){.article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:48px}}.article-content{min-width:0;max-width:800px;color:var(--text-muted);font-size:1.05rem;line-height:1.75}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-main);letter-spacing:-.015em;scroll-margin-top:100px;font-weight:700}.article-content h2{border-bottom:1px solid var(--border-subtle);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.65rem}.article-content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.3rem}.article-content p{margin-bottom:1.5rem;line-height:1.75}.article-lead{color:var(--text-main)!important;margin-bottom:2rem!important;font-size:1.2rem!important;font-weight:500!important;line-height:1.7!important}.article-content ul,.article-content ol{margin-top:0;margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;line-height:1.7}.article-content blockquote{border-left:4px solid var(--primary);background:var(--bg-surface-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-main);margin:1.75rem 0;padding:1.25rem 1.5rem;font-size:1.1rem;font-style:italic}.article-content pre{background:var(--bg-surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);white-space:pre;max-width:100%;color:var(--text-main);margin:1.75rem 0;padding:1.25rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.article-content code{background:var(--bg-surface-hover);border:1px solid var(--border-subtle);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.article-content pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.article-content img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:100%;height:auto;margin:1.75rem 0}.article-callout{border-radius:var(--radius-lg);background:#6366f114;border:1px solid #6366f133;gap:16px;margin:1.75rem 0;padding:18px 22px;display:flex}.article-callout__icon{color:var(--primary);flex-shrink:0;margin-top:2px}.article-callout__content h4{color:var(--text-main);margin:0 0 6px;font-size:1rem;font-weight:700}.article-callout__content p{margin:0;font-size:.925rem;line-height:1.6}.article-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;margin:1.75rem 0;overflow-x:auto}.article-table-wrapper table,.article-content table{border-collapse:collapse;width:100%;font-size:.95rem}.article-content th,.article-content td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:12px 16px}.article-content th{background:var(--bg-surface-subtle);color:var(--text-main);font-weight:600}.article-sidebar{min-width:0}.article-sidebar-sticky{position:sticky;top:100px}.article-toc{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:20px 24px}.article-toc__title{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-size:.88rem;font-weight:700}.article-toc__list{margin:0;padding:0;list-style:none}.article-toc__list li{margin-bottom:8px}.article-toc__list li a{color:var(--text-muted);transition:color var(--transition-fast);padding:4px 0;font-size:.88rem;line-height:1.4;text-decoration:none;display:block}.article-toc__list li a:hover,.article-toc__list li a.active{color:var(--primary);font-weight:600}.article-sidebar__heading{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:.88rem;font-weight:700}.sidebar-tool-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:center;gap:12px;margin-bottom:12px;padding:12px;text-decoration:none;display:flex}.sidebar-tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-tool-card__icon{border-radius:var(--radius-md);background:var(--bg-surface-hover);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-tool-card__info{flex:1;min-width:0}.sidebar-tool-card__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-tool-card__desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}@media (width<=991px){.article-sidebar{order:-1;margin-bottom:24px}.article-sidebar-sticky{position:static}.article-toc__title{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.article-toc__title:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:16px;height:16px;transition:transform .2s}.article-toc.expanded .article-toc__title:after{transform:rotate(180deg)}.article-toc__list{display:none}.article-toc.expanded .article-toc__list{border-top:1px solid var(--border-subtle);margin-top:14px;padding-top:14px;display:block}}.article-author-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);align-items:center;gap:20px;margin-top:48px;padding:24px;display:flex}@media (width<=640px){.article-author-card{text-align:center;flex-direction:column;align-items:center}}.article-author-card__avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.article-author-card__name{color:var(--text-main);margin:0 0 4px;font-size:1.125rem;font-weight:700}.article-author-card__bio{color:var(--text-muted);margin:0 0 8px;font-size:.875rem;line-height:1.5}.article-author-card__link{color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none}.article-author-card__link:hover{text-decoration:underline}.article-share-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:24px;display:flex}.article-share-bar__title{color:var(--text-main);font-size:.95rem;font-weight:600}.article-share-bar__links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-share-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);transition:all var(--transition-fast)}.article-share-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-surface-hover)}.article-bottom-nav{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px;padding-top:36px;display:grid}@media (width<=640px){.article-bottom-nav{grid-template-columns:1fr;gap:14px}}.article-nav-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;padding:20px 24px;text-decoration:none;display:flex}.article-nav-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.article-nav-card--next{text-align:right;align-items:flex-end}.article-nav-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8125rem;font-weight:600}.article-nav-card__title{color:var(--text-main);font-size:1rem;font-weight:700;line-height:1.4}.crop-layout{flex-direction:column;gap:24px;display:flex}@media (width>=1024px){.crop-layout{flex-direction:row;align-items:flex-start}.crop-layout__left{flex:1;min-width:0}.crop-layout__right{flex-shrink:0;width:320px;position:sticky;top:24px}}.cropper-container{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background-color:#0b0f19;width:100%;max-height:60vh;overflow:hidden}.aspect-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.aspect-chips::-webkit-scrollbar{display:none}.aspect-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:20px;flex:none;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.aspect-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.control-group{margin-bottom:20px}.control-group__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem;font-weight:700}.btn-group{gap:8px;display:flex}.btn-group .btn{flex:1;justify-content:center}.zoom-slider-container{align-items:center;gap:12px;display:flex}.zoom-slider{-webkit-appearance:none;background:var(--border-subtle);border-radius:3px;outline:none;flex:1;width:100%;height:6px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}@media (width<=768px){.crop-layout__right .btn{min-height:44px}.aspect-chip{padding:10px 18px;font-size:.95rem}}.workspace-how-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:32px;margin-bottom:24px;padding:24px;overflow:hidden}.workspace-how-header{text-align:left;margin-bottom:24px}.workspace-how-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-family);margin:0}.workspace-how-steps{justify-content:space-between;align-items:stretch;gap:16px;display:flex}.workspace-how-step{border-radius:var(--radius-md);background:0 0;border:1px solid #0000;flex-direction:column;flex:1;gap:16px;padding:20px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;display:flex}.workspace-how-step__badge{background:var(--primary-subtle);width:36px;height:36px;color:var(--primary);border:1px solid var(--primary-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.workspace-how-step__text{flex-direction:column;gap:8px;display:flex}.workspace-how-step__text strong{color:var(--text-primary);font-size:1.05rem;font-weight:600}.workspace-how-step__text span{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.workspace-how-arrow{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding-top:28px;display:flex}@media (width>=769px){.workspace-how-card{padding:40px}.workspace-how-step:hover{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-4px)}}@media (width<=768px){.workspace-how-steps{flex-direction:column;gap:16px}.workspace-how-step{background:var(--surface);border:1px solid var(--border);flex-direction:row;align-items:flex-start;gap:16px;padding:16px}.workspace-how-arrow{display:none}}@media (width<=992px){.crop-editor-grid,#studio-grid-layout,[style*="minmax(0, 1fr) 320px"],[style*="minmax(0, 1fr) 380px"],[style*="1.1fr 0.9fr"],.tool-workspace__grid{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.tool-workspace__sidebar,.tool-settings,.crop-editor-grid>div{width:100%!important;max-width:100%!important}}@media (width<=768px){.crop-stage-container,#studio-grid-layout>div:first-child,.workspace-dropzone-card .rotator-canvas-container{width:100%!important;height:50vh!important;min-height:250px!important;max-height:400px!important}html,body{width:100%!important;overflow-x:hidden!important}.tool-workspace__sidebar .btn,.tool-settings .btn,.download-card .btn,.workspace-stage--options .btn,.output-section .btn{justify-content:center!important;width:100%!important}.btn-group{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.btn-group .btn,.tool-settings .btn--sm,.tool-workspace__sidebar .btn--sm{flex:auto!important;width:auto!important}input[type=range],input[type=text],input[type=number],input[type=password],select,textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.tabs,.tab-list,.nav-tabs,.file-uploader__formats{white-space:normal!important;overflow-wrap:break-word!important;flex-wrap:wrap!important}.container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}.tool-workspace__main,.tool-workspace__sidebar,.tool-workspace__grid{gap:16px!important}.card,.workspace-card,.tool-card{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}canvas,img{height:auto;max-width:100%!important}}@media (width<=992px){[style*="1.2fr 0.8fr"],[style*="1fr 280px"]{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}}@media (width<=768px){.rotator-stage{width:100%!important;height:50vh!important;min-height:250px!important;max-height:400px!important}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}