:root{--color-primary:#E53935;--color-primary-dark:#C62828;--color-primary-light:#FEF2F2;--color-primary-muted:rgba(229,57,53,0.12);--color-primary-ring:rgba(229,57,53,0.25);--color-bg:#FFFFFF;--color-bg-secondary:#F8FAFC;--color-bg-tertiary:#F1F5F9;--color-text-main:#111827;--color-text-secondary:#64748B;--color-text-muted:#94A3B8;--color-border:#E2E8F0;--color-border-hover:#CBD5E1;--color-success:#16A34A;--color-success-light:#DCFCE7;--color-warning:#D97706;--color-warning-light:#FEF3C7;--color-danger:#EF4444;--color-danger-light:#FEE2E2;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(15,23,42,0.03);--shadow-sm:0 1px 3px 0 rgba(15,23,42,0.04),0 1px 2px -1px rgba(15,23,42,0.03);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.05),0 2px 6px -1px rgba(15,23,42,0.03);--shadow-lg:0 10px 24px -4px rgba(15,23,42,0.06),0 4px 10px -2px rgba(15,23,42,0.03);--shadow-elevated:0 2px 4px rgba(15,23,42,0.02),0 6px 18px -2px rgba(15,23,42,0.04),0 12px 28px -4px rgba(15,23,42,0.03);--shadow-glow:0 0 20px rgba(229,57,53,0.12);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.bg-ambient-wrapper{position:relative;overflow:hidden}.hero-section-root{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;padding:56px 0 170px;position:relative}@media (min-height:860px) and (min-width:1025px){.hero-section-root{min-height:920px;padding:60px 0 190px}}@media (max-width:1024px){.hero-section-root{min-height:auto;padding:44px 0 120px}}@media (max-width:768px){.hero-section-root{min-height:auto;padding:24px 0 96px}}.bg-ambient-layer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-ambient-bottom-feather{position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(180deg,transparent 0,rgba(248,250,252,.4) 35%,rgba(248,250,252,.82) 70%,rgba(248,250,252,.98));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(0deg,black 40%,transparent);-webkit-mask-image:linear-gradient(0deg,black 40%,transparent);pointer-events:none;z-index:3}.bg-ambient-glow-1{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:900px;height:550px;background:radial-gradient(ellipse at center,rgba(229,57,53,.045) 0,rgba(229,57,53,.01) 45%,transparent 70%);filter:blur(40px);animation:ambientFloat 18s ease-in-out infinite alternate}.bg-ambient-glow-2{position:absolute;top:150px;left:20%;width:500px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.02) 0,transparent 65%);filter:blur(50px);animation:ambientFloatReverse 24s ease-in-out infinite alternate}.bg-pattern-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(100,116,139,.12) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000000 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000000 30%,transparent 85%);opacity:.7}@keyframes ambientFloat{0%{transform:translateX(-50%) translateY(0) scale(1);opacity:.8}50%{transform:translateX(-48%) translateY(15px) scale(1.05);opacity:1}to{transform:translateX(-52%) translateY(5px) scale(.98);opacity:.85}}@keyframes ambientFloatReverse{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(20px) scale(1.1);opacity:.9}}.container{max-width:1200px}.container,.container-narrow{width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.container-narrow{max-width:860px}.header-wrapper{position:-webkit-sticky;position:sticky;top:16px;z-index:50;display:flex;justify-content:center;padding:0 16px}.nav-pill{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1100px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:8px 18px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.nav-pill:hover{box-shadow:var(--shadow-md)}.nav-pill-top-row{display:inline-flex;align-items:center;gap:12px}.desktop-view-top-actions{display:none}.desktop-only-indicator{display:inline-flex}.header-wrapper.force-desktop-mode .nav-links{display:flex!important}.header-wrapper.force-desktop-mode .mobile-toggle-btn{display:none!important}.header-wrapper.force-desktop-mode .header-cta-btn{display:inline-flex!important}@media (max-width:768px){.header-wrapper.force-desktop-mode{top:8px;padding:0 8px}.header-wrapper.force-desktop-mode .nav-pill{flex-direction:column;align-items:stretch;border-radius:var(--radius-lg);padding:8px 12px;gap:8px}.header-wrapper.force-desktop-mode .nav-pill-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.header-wrapper.force-desktop-mode .desktop-view-top-actions{display:flex;align-items:center;gap:6px}.header-wrapper.force-desktop-mode .desktop-only-indicator{display:none!important}.header-wrapper.force-desktop-mode .nav-links{display:flex!important;justify-content:center;flex-wrap:wrap;gap:2px;width:100%;padding-top:6px;border-top:1px solid var(--color-border)}.header-wrapper.force-desktop-mode .nav-link{padding:5px 8px;font-size:.82rem}.header-wrapper.force-desktop-mode .header-dropdown-menu{position:fixed!important;top:106px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;transform:none!important}.header-wrapper.force-desktop-mode .header-dropdown-menu>div:first-child{max-height:calc(100vh - 160px)}}.view-mode-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.76rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.view-mode-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-main);border-color:var(--color-border-hover)}.view-mode-toggle-btn.active{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:rgba(229,57,53,.3)}.brand-logo{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:1.18rem;letter-spacing:-.025em;color:var(--color-text-main);text-decoration:none;cursor:pointer;line-height:1;transition:opacity var(--transition-fast);animation:brandEntrance .3s cubic-bezier(.16,1,.3,1) both}@keyframes brandEntrance{0%{opacity:.7;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.brand-icon-box{display:inline-flex;align-items:center;justify-content:center;background:transparent!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0;transition:transform .22s cubic-bezier(.16,1,.3,1);transform-origin:center center}.brand-logo:hover .brand-icon-box{transform:scale(1.04) translateY(-1px)}.brand-dot{color:var(--color-primary);display:inline-block;transition:transform .2s cubic-bezier(.16,1,.3,1)}.brand-logo:hover .brand-dot{transform:scale(1.2)}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-link{padding:7px 13px;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--color-primary-dark);background-color:var(--color-primary-light)}.header-dropdown-menu{animation:menuDropFade .16s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes menuDropFade{0%{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.header-dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.compact-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer;border:none;background:transparent;color:var(--color-text-secondary);font-weight:500;text-align:left;transition:all var(--transition-fast)}.compact-cat-btn:hover{background:#FFFFFF;color:var(--color-text-main);box-shadow:var(--shadow-xs)}.compact-cat-btn.active{background:#FFFFFF;color:var(--color-primary-dark);font-weight:650;box-shadow:0 1px 3px rgba(15,23,42,.06)}.compact-tool-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius-sm);font-size:.84rem;color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.compact-tool-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary-dark);transform:translateX(2px)}.compact-tool-item.highlighted{color:var(--color-primary-dark);font-weight:650}.mobile-accordion-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-main);font-size:.94rem;font-weight:650;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-accordion-btn.open,.mobile-accordion-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.mobile-subcat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:.86rem;font-weight:550;cursor:pointer;transition:all var(--transition-fast)}.mobile-subcat-btn.open,.mobile-subcat-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-main)}.mobile-tool-link{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:var(--radius-sm);font-size:.84rem;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.mobile-tool-link:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.global-search-card{animation:searchModalEnter .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes searchModalEnter{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.search-pill-label,.search-shortcut-badge{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.92rem;padding:9px 18px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;line-height:1.25}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#FFFFFF;border-color:var(--color-primary);box-shadow:0 1px 3px rgba(229,57,53,.25)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 3px 10px rgba(229,57,53,.35);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg);color:var(--color-text-main);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-hover)}.btn-light-red{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:rgba(229,57,53,.18)}.btn-light-red:hover{background-color:#FEE2E2}.btn-sm{padding:5px 12px;font-size:.82rem}.btn-lg{padding:11px 24px;font-size:.98rem}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-normal);padding:22px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.tool-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:all var(--transition-normal)}.tool-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-card-main-link{text-decoration:none;color:inherit;display:block}.tool-related-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-bg-tertiary);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tool-related-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-right:2px}.tool-related-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;padding:2px 7px;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-fast)}.tool-related-chip:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:rgba(229,57,53,.25)}.hero-floating-elements-layer{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.floating-gravity-icon{position:absolute;bottom:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform,opacity;transition:box-shadow .18s ease,filter .18s ease}.floating-gravity-icon,.floating-gravity-icon:hover{cursor:-webkit-grab;cursor:grab}.floating-gravity-icon.is-grabbed{cursor:-webkit-grabbing!important;cursor:grabbing!important;z-index:20}.floating-gravity-icon .floating-icon-badge{transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.floating-gravity-icon:hover .floating-icon-badge{transform:scale(1.08);box-shadow:0 8px 20px -2px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.9)}.floating-gravity-icon.is-grabbed .floating-icon-badge{transform:scale(1.15);box-shadow:0 12px 28px -4px rgba(15,23,42,.22),0 0 0 2px rgba(229,57,53,.25),inset 0 1px 0 rgba(255,255,255,.95)}.hero-orbit-stage{position:relative;width:100%;padding:24px 0 40px;z-index:5}.hero-orbit-stage,.orbit-system-wrapper{display:flex;justify-content:center;align-items:center}.orbit-system-wrapper{position:absolute;top:50%;left:50%;width:1300px;height:580px;transform:translate(-50%,-50%);pointer-events:none;z-index:1;transition:transform var(--transition-normal)}.orbit-svg-canvas{width:100%;height:100%;pointer-events:none}.orbit-node,.orbit-svg-canvas{position:absolute;top:0;left:0}.orbit-node{offset-rotate:0deg;pointer-events:auto;will-change:offset-distance}.orbit-node-inner{offset-path:ellipse(515px 188px at 50% 50%);animation:orbitGlideCW 96s linear infinite}.orbit-node-outer{offset-path:ellipse(630px 228px at 50% 50%);animation:orbitGlideCCW 140s linear infinite}@keyframes orbitGlideCW{0%{offset-distance:0}to{offset-distance:100%}}@keyframes orbitGlideCCW{0%{offset-distance:100%}to{offset-distance:0}}.orbit-format-card{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.95);border-radius:9px;box-shadow:0 2px 6px -1px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04);text-decoration:none;color:var(--color-text-main);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.orbit-format-card:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 20px -2px rgba(15,23,42,.12),0 0 0 1px rgba(229,57,53,.35);border-color:rgba(229,57,53,.45);background:#FFFFFF}.orbit-card-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;flex-shrink:0}.orbit-card-name{font-size:.78rem;font-weight:750;letter-spacing:-.01em;color:var(--color-text-main)}.orbit-card-sub{display:none}.mobile-format-showcase{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:32px auto 44px;padding:0 10px;max-width:430px}.mobile-format-item{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 5px;background:#FFFFFF;border:1px solid rgba(226,232,240,.95);border-radius:9px;box-shadow:0 1px 3px rgba(15,23,42,.05);text-decoration:none;color:var(--color-text-main);font-size:.74rem;font-weight:700;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-format-item:active,.mobile-format-item:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);transform:translateY(-1px)}.ad-slot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px auto;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);overflow:hidden;text-align:center;position:relative;box-sizing:border-box}.ad-slot-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:4px 8px 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ad-slot-content{flex:1 1;position:relative}.ad-slot-content,.ad-slot-placeholder-text{display:flex;align-items:center;justify-content:center;width:100%}.ad-slot-placeholder-text{height:100%;color:var(--color-text-muted);font-size:.75rem;padding:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ad-slot-header-top{margin:12px auto 20px}.ad-slot-tool-top{margin:16px auto 20px}.ad-slot-tool-bottom{margin:24px auto 16px}.ad-slot-sidebar-left,.ad-slot-sidebar-right{margin:0}.ad-slot-container.ad-filled,.ad-slot-container:has(iframe),.ad-slot-container:has(ins[data-ad-status=filled]){border:none!important;background:transparent!important;background-color:transparent!important}.ad-slot-container.ad-filled .ad-slot-label,.ad-slot-container.ad-filled .ad-slot-placeholder-text,.ad-slot-container:has(iframe) .ad-slot-label,.ad-slot-container:has(iframe) .ad-slot-placeholder-text,.ad-slot-container:has(ins[data-ad-status=filled]) .ad-slot-label,.ad-slot-container:has(ins[data-ad-status=filled]) .ad-slot-placeholder-text{display:none!important}.tool-desktop-layout{width:100%;margin:0 auto 36px}.tool-center-column{width:100%;max-width:780px;margin:0 auto}.tool-main-box{width:100%;margin-bottom:24px}.side-ad-rail{display:none;width:160px;flex-shrink:0}@media (min-width:1280px){.tool-desktop-layout{display:flex;justify-content:center;align-items:flex-start;gap:32px;max-width:1240px}.tool-center-column{flex:1 1;max-width:780px;min-width:0;margin:0}.side-ad-rail{display:flex;flex-direction:column;align-items:center;padding-top:10px}}@media (max-width:1279px){.side-ad-rail{display:none!important}}@media (max-width:640px){.ad-slot-container{min-height:50px!important}}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:#FFFFFF;border-radius:var(--radius-lg);max-width:500px;width:100%;padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.dropzone-container,.tool-files-container{background:#F1F5F9;border-radius:var(--radius-xl);box-shadow:0 20px 40px -12px rgba(15,23,42,.12),0 6px 16px -3px rgba(15,23,42,.08),0 1px 3px 0 rgba(15,23,42,.06);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.dropzone-container{border:1.5px dashed #94a3b8;padding:26px 22px 22px;text-align:center;cursor:pointer}.tool-files-container{border:1.5px solid #cbd5e1;padding:24px}.dropzone-container.is-dragging,.dropzone-container:hover{border-color:var(--color-primary);background-color:#FEF6F6;box-shadow:0 24px 48px -12px rgba(229,57,53,.16),0 8px 20px -3px rgba(15,23,42,.1),0 0 0 1px rgba(229,57,53,.2);transform:translateY(-1px)}.dropzone-icon-circle{width:42px;height:42px;border-radius:10px;background-color:rgba(229,57,53,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:1px solid rgba(229,57,53,.2)}.format-selector-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:#FFFFFF;color:var(--color-text-main);font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:all var(--transition-fast)}.format-selector-trigger-btn:hover{border-color:var(--color-primary);background-color:#FEF8F8;box-shadow:0 2px 6px rgba(229,57,53,.1)}.format-trigger-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:5px;font-weight:750;font-size:.76rem;letter-spacing:-.01em}.format-modal-backdrop{position:fixed;inset:0;background-color:rgba(15,23,42,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .15s ease-out}.format-modal-container{width:100%;max-width:580px;max-height:85vh;background:#FFFFFF;border-radius:14px;box-shadow:0 20px 40px -10px rgba(15,23,42,.22),0 0 0 1px rgba(15,23,42,.06);display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .15s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.format-modal-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border);background:#FFFFFF}.format-modal-search-wrapper{flex:1 1;display:flex;align-items:center;gap:8px;background:#F1F5F9;border:1px solid transparent;border-radius:8px;padding:6px 12px;transition:all var(--transition-fast)}.format-modal-search-wrapper:focus-within{background:#FFFFFF;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(229,57,53,.15)}.format-modal-search-icon{color:var(--color-text-muted);flex-shrink:0}.format-modal-search-input{flex:1 1;border:none;background:transparent;outline:none;font-size:.88rem;color:var(--color-text-main)}.format-modal-search-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px}.format-modal-search-clear:hover{color:var(--color-text-main);background:rgba(0,0,0,.05)}.format-modal-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all var(--transition-fast)}.format-modal-close-btn:hover{background:#F1F5F9;color:var(--color-text-main)}.format-modal-body{display:flex;height:380px;overflow:hidden}.format-modal-sidebar{width:150px;flex-shrink:0;border-right:1px solid var(--color-border);background:#F8FAFC;overflow-y:auto;padding:8px 6px;display:flex;flex-direction:column;gap:2px}.format-category-tab{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:all var(--transition-fast)}.format-category-tab:hover{background:#EDF2F7;color:var(--color-text-main)}.format-category-tab.is-active{background:#FFFFFF;color:var(--color-primary);font-weight:650;box-shadow:0 1px 3px rgba(15,23,42,.06)}.format-category-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-category-arrow{opacity:.4}.format-category-tab.is-active .format-category-arrow{opacity:1;color:var(--color-primary)}.format-modal-grid-area{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.format-modal-results-count{font-size:.76rem;color:var(--color-text-muted);margin-bottom:8px;padding:0 2px}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:7px;gap:7px}.format-grid-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--color-border);border-radius:8px;background:#FFFFFF;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.format-grid-item:hover{border-color:var(--color-primary);background:#FEF8F8;transform:translateY(-1px);box-shadow:0 2px 6px rgba(15,23,42,.05)}.format-grid-item.is-selected{border-color:var(--color-primary);background:#FEE2E2;color:#991B1B}.format-grid-icon-wrap{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.format-grid-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.format-grid-ext{font-size:.78rem;font-weight:750;letter-spacing:-.01em;color:var(--color-text-main);line-height:1.15}.format-grid-name{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.format-grid-check{color:var(--color-primary);flex-shrink:0}.format-modal-empty{padding:36px 16px;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.support-section-root{margin-top:60px;margin-bottom:0}.support-card{background:#FFFFFF;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:36px;box-shadow:0 4px 16px -2px rgba(15,23,42,.03),0 1px 3px rgba(15,23,42,.02);position:relative;overflow:hidden}.support-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary),#F87171)}.support-card-content{flex:1 1;max-width:680px}.support-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:.74rem;font-weight:700;border-radius:var(--radius-full);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}.support-title{font-size:1.35rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:8px;line-height:1.25}.support-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:12px}.support-topics-pills{display:flex;flex-wrap:wrap;gap:6px}.support-pill{font-size:.74rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:3px 9px;border-radius:var(--radius-full)}.support-card-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.support-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;font-size:.9rem;font-weight:650;white-space:nowrap;border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(229,57,53,.25);transition:all var(--transition-fast);text-decoration:none}.support-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(229,57,53,.35)}.support-email-link{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.support-email-link:hover{color:var(--color-primary)}.footer-root{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:48px;padding:44px 0 24px}.footer-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding-bottom:28px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.footer-trust-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#FFFFFF;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(15,23,42,.02)}.footer-trust-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-main-grid{display:grid;grid-template-columns:1.35fr .9fr .95fr 1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:32px}.footer-brand-col{display:flex;flex-direction:column}.footer-brand-desc{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;max-width:340px;margin-top:10px}.footer-col-heading{font-size:.84rem;font-weight:750;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.84rem}.footer-link,.footer-links-list{color:var(--color-text-secondary)}.footer-link{display:inline-flex;align-items:center;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}.footer-link:hover{color:var(--color-primary);transform:translateX(2px)}.footer-bottom-bar{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-border);padding-top:20px;font-size:.82rem;color:var(--color-text-muted);text-align:center}@media (max-width:1024px){.footer-trust-grid{grid-template-columns:repeat(3,1fr);gap:10px}.footer-trust-card{padding:10px 12px;gap:10px}.footer-main-grid{grid-template-columns:1fr 1fr;gap:28px 24px}.footer-brand-col{grid-column:span 2;margin-bottom:4px}.footer-brand-desc{max-width:520px}.footer-col-compress,.footer-col-convert,.footer-col-legal,.footer-col-platform{grid-column:span 1}}@media (max-width:768px){.footer-root{margin-top:40px;padding:28px 0 20px}.footer-trust-grid{grid-template-columns:1fr;gap:8px;padding-bottom:20px;margin-bottom:20px}.footer-trust-card{padding:9px 12px}.footer-trust-icon-box{width:36px;height:36px}.footer-main-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px 20px;gap:24px 20px;margin-bottom:24px}.footer-brand-col{grid-column:span 2}.footer-brand-desc{max-width:100%;font-size:.84rem}.footer-col-compress,.footer-col-convert,.footer-col-legal,.footer-col-platform{grid-column:span 1}.support-section-root{margin-top:36px;margin-bottom:0}.support-card{flex-direction:column;align-items:flex-start;gap:20px;padding:22px 18px 20px 22px}.support-card:before{width:3px}.support-title{font-size:1.18rem}.support-desc{font-size:.86rem;margin-bottom:12px}.support-card-actions{width:100%;align-items:stretch;gap:10px}.support-cta-btn{width:100%;justify-content:center;padding:11px 16px}.support-email-link{justify-content:center;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.bg-ambient-glow-1,.bg-ambient-glow-2,.brand-dot,.brand-icon-box,.brand-logo,.compact-cat-btn,.compact-tool-item,.floating-gravity-icon,.global-search-card,.header-dropdown-menu,.hero-floating-elements-layer,.mobile-accordion-btn,.mobile-subcat-btn,.mobile-tool-link,.orbit-node-inner,.orbit-node-outer,.support-cta-btn,.support-email-link{animation:none!important;transition:none!important;transform:none!important}}@media (max-width:1280px){.orbit-system-wrapper{transform:translate(-50%,-50%) scale(.85)}}@media (max-width:1024px){.orbit-system-wrapper{transform:translate(-50%,-50%) scale(.72)}}@media (max-width:960px){.orbit-system-wrapper{transform:translate(-50%,-50%) scale(.64)}}@media (max-width:768px){.nav-links{display:none}.mobile-toggle-btn{display:block!important}.header-wrapper{top:8px;padding:0 8px}.nav-pill{padding:6px 14px}.brand-logo{font-size:1.1rem;gap:8px}.dropzone-container{padding:22px 16px 18px;border-radius:18px;box-shadow:0 12px 28px -8px rgba(15,23,42,.1),0 4px 12px -2px rgba(15,23,42,.06),0 1px 2px 0 rgba(15,23,42,.04)}.tool-files-container{padding:18px 14px;border-radius:18px;box-shadow:0 12px 28px -8px rgba(15,23,42,.1),0 4px 12px -2px rgba(15,23,42,.06)}.orbit-system-wrapper{display:none!important}.hero-floating-elements-layer{opacity:.4}.floating-gravity-icon{transform:scale(.8)}.mobile-format-showcase{display:flex!important;margin:32px auto 48px!important;padding:0 10px;max-width:440px}.format-modal-backdrop{padding:8px;align-items:flex-end}.format-modal-container{max-height:85vh;border-radius:16px 16px 12px 12px}.format-modal-body{flex-direction:column;height:380px}.format-modal-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;padding:6px 8px;flex-shrink:0}.format-category-tab{width:auto;white-space:nowrap;padding:5px 10px}.format-category-arrow{display:none}.format-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}}@media (max-width:540px){.header-cta-btn{display:none!important}.brand-logo{font-size:1.05rem;gap:8px}.brand-icon-box{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}}.file-card-container{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.file-card-container:hover{box-shadow:var(--shadow-md)}@media (max-width:640px){.file-card-container{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.convert-shortcut-root,.file-card-container,.format-dropdown-popover,.global-search-card,.header-dropdown-menu{animation:none!important;transition:none!important}}.hero-main-title{font-size:clamp(2.1rem,4vw,3.15rem);font-weight:850;letter-spacing:-.035em;line-height:1.15;color:var(--color-text-main);margin-bottom:12px}.hero-title-accent{color:var(--color-primary)}.hero-title-break,.hero-title-sub{display:inline}.hero-main-description{font-size:clamp(.92rem,1.6vw,1.02rem);color:var(--color-text-secondary);line-height:1.55;max-width:520px;margin-bottom:0}.hero-shortcut-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;grid-gap:40px;gap:40px;margin-bottom:76px;position:relative;z-index:100}.hero-left-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-right-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:120}@media (max-width:960px){.hero-shortcut-grid{grid-template-columns:1fr;gap:20px;margin-bottom:38px;z-index:100}.hero-left-content{align-items:center;text-align:center;margin-bottom:0}.hero-right-shortcut{align-items:center;width:100%;z-index:120}.hero-orbit-stage{padding:6px 0 0}}@media (max-width:768px){.hero-shortcut-grid{margin-bottom:40px}.hero-main-title{font-size:1.7rem;font-weight:800;letter-spacing:-.025em;line-height:1.22;text-align:center;max-width:380px;margin:0 auto 10px}.hero-title-accent{color:var(--color-primary);font-weight:850}.hero-main-description{font-size:.86rem;line-height:1.48;color:#64748B;text-align:center;max-width:380px;padding:0 10px;margin:0 auto}.popular-tools-section{padding-top:64px!important}}@media (max-width:420px){.hero-main-title{font-size:1.52rem;line-height:1.22;max-width:330px}.hero-main-description{font-size:.82rem;line-height:1.44;max-width:320px}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.convert-shortcut-root{animation:floatGentle 5.5s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.shortcut-stage-container{gap:14px;padding:10px 14px;background:linear-gradient(135deg,rgba(15,23,42,.84),rgba(30,41,59,.78));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 24px 48px -12px rgba(0,0,0,.55),0 4px 16px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 20px rgba(255,255,255,.02)}.shortcut-card-panel,.shortcut-stage-container{display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.shortcut-card-panel{position:relative;width:136px;height:114px;border-radius:16px;color:#FFFFFF;flex-direction:column;justify-content:center;padding:10px 8px;perspective:700px;-webkit-perspective:700px;overflow:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease,background .22s ease}.shortcut-card-source{background:radial-gradient(circle at 50% 20%,rgba(51,65,85,.85) 0,rgba(30,41,59,.75) 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 16px -2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)}.shortcut-card-target{background:radial-gradient(circle at 50% 20%,rgba(45,22,27,.85) 0,rgba(30,16,20,.78) 100%);border:1px solid rgba(229,57,53,.38);box-shadow:0 6px 18px -2px rgba(229,57,53,.18),inset 0 1px 0 rgba(255,255,255,.12)}.shortcut-card-panel.is-any-state{border-style:dashed;border-color:rgba(255,255,255,.38)}.shortcut-card-panel.is-any-state .shortcut-format-title{color:#FFFFFF;letter-spacing:.08em;opacity:.95}.shortcut-slot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.shortcut-slot-inner.flip-exit{transform:rotateX(-72deg) translateY(-6px) translateZ(8px) scale(.94);opacity:0;transition:transform .2s cubic-bezier(.4,0,.7,.2),opacity .18s ease-in}.shortcut-slot-inner.flip-enter{transform:rotateX(72deg) translateY(6px) translateZ(8px) scale(.94);opacity:0;transition:none!important}.shortcut-slot-inner.flip-normal{transform:rotateX(0deg) translateY(0) translateZ(0) scale(1);opacity:1;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .28s ease-out}.shortcut-center-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;pointer-events:none}.shortcut-connector-line{position:absolute;top:16px;height:1px;background:rgba(255,255,255,.15);pointer-events:none}.shortcut-connector-left{left:-14px;width:14px}.shortcut-connector-right{right:-14px;width:14px}.shortcut-to-badge{width:32px;height:32px;border-radius:50%;background:rgba(229,57,53,.18);border:1.5px solid rgba(229,57,53,.5);color:#F87171;display:flex;align-items:center;justify-content:center;cursor:default;pointer-events:none;box-shadow:0 2px 8px rgba(229,57,53,.2)}.shortcut-to-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.5);text-transform:uppercase}.shortcut-icon-wrapper{display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .2s ease}.shortcut-card-source .shortcut-icon-wrapper{color:rgba(255,255,255,.88)}.shortcut-card-target .shortcut-icon-wrapper{color:#FCA5A5}.shortcut-format-title{font-size:1.25rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#FFFFFF;line-height:1}.shortcut-chevron{position:absolute;bottom:8px;right:8px;color:rgba(255,255,255,.45);transition:transform .2s ease;pointer-events:none}@media (max-width:900px){.shortcut-stage-container{gap:11px;padding:9px 12px}.shortcut-card-panel{width:122px;height:102px}.shortcut-format-title{font-size:1.15rem}.shortcut-to-badge{width:29px;height:29px}}@media (max-width:640px){.shortcut-stage-container{gap:8px;padding:7px 10px;border-radius:18px}.shortcut-card-panel{width:104px;height:86px;border-radius:13px;padding:7px 5px}.shortcut-format-title{font-size:1.02rem!important}.shortcut-icon-wrapper svg{width:20px!important;height:20px!important}.shortcut-to-badge{width:26px!important;height:26px!important}.shortcut-to-label{font-size:.58rem!important}.shortcut-connector-line{width:8px!important}.shortcut-connector-left{left:-8px!important}.shortcut-connector-right{right:-8px!important}.shortcut-chevron{bottom:6px!important;right:6px!important;width:11px!important;height:11px!important}}@media (max-width:380px){.shortcut-stage-container{gap:6px;padding:5px 7px;border-radius:16px}.shortcut-card-panel{width:90px;height:78px;border-radius:11px;padding:5px 4px}.shortcut-format-title{font-size:.88rem!important}.shortcut-icon-wrapper svg{width:18px!important;height:18px!important}.shortcut-to-badge{width:23px!important;height:23px!important}.shortcut-to-label{font-size:.52rem!important}.shortcut-connector-line{width:6px!important}.shortcut-connector-left{left:-6px!important}.shortcut-connector-right{right:-6px!important}}.directory-tool-card{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px;min-height:140px;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;outline:none}.directory-tool-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}@media (hover:hover) and (pointer:fine){.directory-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.directory-tool-card:hover .tool-card-arrow{transform:translateX(3px);color:var(--color-primary-dark)}}.tool-card-arrow{transition:transform .18s ease,color .18s ease;flex-shrink:0}.directory-format-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:13px 15px;min-height:120px;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;outline:none}.directory-format-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}@media (hover:hover) and (pointer:fine){.directory-format-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.directory-format-card:hover .format-card-link-arrow{transform:translateX(3px)}}.format-card-link-arrow{transition:transform .18s ease}.directory-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.directory-formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.directory-load-more-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:36px;margin-bottom:20px}.directory-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-main);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.directory-load-more-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.directory-load-more-btn:active{transform:translateY(0)}.directory-load-more-caption{font-size:.8rem;color:var(--color-text-muted)}@media (max-width:768px){.directory-tools-grid{grid-template-columns:1fr;gap:12px}.directory-formats-grid{grid-template-columns:1fr;gap:10px}.directory-tool-card{padding:14px 15px;min-height:auto}.directory-format-card{padding:12px 14px;min-height:auto}.directory-load-more-btn{width:100%;max-width:320px}}@media (max-width:440px){.directory-formats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.directory-format-card,.directory-load-more-btn,.directory-tool-card,.format-card-link-arrow,.tool-card-arrow{transition:none!important;transform:none!important}.directory-format-card:hover,.directory-load-more-btn:hover,.directory-tool-card:hover{transform:none!important}}.sticky-filter-container{position:-webkit-sticky;position:sticky;top:76px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;margin:18px auto 20px;max-width:1240px;box-shadow:0 4px 16px -4px rgba(15,23,42,.06);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.sticky-filter-container .directory-filter-bar{margin:0}.sticky-filter-container .directory-operations-bar{margin:8px 0 0}.directory-filter-bar{margin:22px 0 16px}.directory-filter-bar,.directory-operations-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.directory-operations-bar{margin-bottom:24px}.directory-filter-bar .filter-pill-btn{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-full);padding:6px 12px;font-size:.8rem;font-weight:500;transition:all var(--transition-fast)}.directory-filter-bar .filter-pill-btn.is-active{font-weight:700}.directory-operations-bar .filter-op-btn{border-radius:var(--radius-full);padding:4px 10px;font-size:.76rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border)}.directory-op-label{font-size:.78rem;color:var(--color-text-muted);margin-right:4px;display:inline-flex;align-items:center;gap:3px}@media (max-width:768px){.sticky-filter-container{top:56px;margin:8px -16px 12px;border-radius:0;border-left:none;border-right:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:6px 0 8px;background:rgba(255,255,255,.97);box-shadow:0 4px 12px -2px rgba(15,23,42,.05)}.sticky-filter-container .directory-filter-bar{margin:0;padding:2px 16px 4px}.sticky-filter-container .directory-operations-bar{margin:4px 0 0;padding:2px 16px}.directory-filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin:12px -16px 10px;padding:3px 16px 6px;scroll-padding:0 16px}.directory-filter-bar::-webkit-scrollbar{display:none}.directory-operations-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin:0 -16px 14px;padding:2px 16px 6px;scroll-padding:0 16px}.directory-operations-bar::-webkit-scrollbar{display:none}.directory-filter-bar .filter-pill-btn{flex-shrink:0;white-space:nowrap;padding:5px 10px;font-size:.76rem}.directory-operations-bar .filter-op-btn{padding:4px 9px}.directory-op-label,.directory-operations-bar .filter-op-btn{flex-shrink:0;white-space:nowrap;font-size:.72rem}}.hero-central-tool-stage{max-width:680px}.hero-central-tool-stage,.universal-tool-workspace{width:100%;margin:0 auto;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.universal-tool-workspace{position:relative}@media (min-width:769px){.universal-tool-workspace.is-compact{max-width:600px}.universal-tool-workspace.is-expanded{max-width:680px}.tool-dropzone-view{opacity:1;animation:toolWorkspaceFadeIn .3s cubic-bezier(.4,0,.2,1)}.tool-expanded-view{opacity:1;animation:toolWorkspaceFadeIn .35s cubic-bezier(.4,0,.2,1)}.tool-file-list-scroll{max-height:380px;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.tool-file-list-scroll::-webkit-scrollbar{width:6px}.tool-file-list-scroll::-webkit-scrollbar-track{background:transparent}.tool-file-list-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:9999px}.tool-file-list-scroll::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.6)}}@keyframes toolWorkspaceFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-central-tool-stage,.universal-tool-workspace{transition:none!important}.tool-dropzone-view,.tool-expanded-view{animation:none!important}}@media (max-width:768px){.hero-central-tool-stage,.universal-tool-workspace{max-width:100%!important;transition:none!important}.tool-dropzone-view,.tool-expanded-view{animation:none!important}.tool-file-list-scroll{max-height:none!important;overflow:visible!important}}.tool-workspace-card{background:#FFFFFF;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 20px -2px rgba(15,23,42,.08),0 1px 3px 0 rgba(15,23,42,.05);padding:20px 22px;width:100%;text-align:left}.tool-workspace-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:12px}.tool-workspace-title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.015em;margin:0}.tool-header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-workspace-global-settings{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:12px;background:#F8FAFC;border:1px solid var(--color-border);border-radius:10px}.tool-global-settings-label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.tool-global-settings-controls{display:flex;align-items:center;gap:8px}.tool-workspace-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border)}.btn-tool-add-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:8px;border:1px dashed #cbd5e1;background:#FFFFFF;color:#4F46E5;font-size:.84rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-tool-add-more:hover:not(:disabled){border-color:#6366F1;background:#F5F3FF}.btn-tool-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 20px;border-radius:8px;background:var(--color-primary);color:#FFFFFF;font-size:.88rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:120px}.btn-tool-primary-action:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 2px 8px rgba(225,29,72,.25)}.tool-file-row{background:#FFFFFF;border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-file-row:hover{border-color:#CBD5E1;box-shadow:0 2px 8px -2px rgba(15,23,42,.04)}.tool-file-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.tool-file-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.tool-file-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-file-meta{min-width:0;flex:1 1 auto}.tool-file-name-row{display:flex;align-items:center;gap:6px;min-width:0}.tool-file-name{font-weight:700;font-size:.9rem;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-width:0}.tool-file-ext-badge{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.tool-file-size{font-size:.78rem;color:var(--color-text-muted);margin-top:1px}.tool-file-actions,.tool-file-row-controls{gap:8px}.tool-file-actions,.tool-file-close-wrap,.tool-file-row-controls{display:flex;align-items:center;flex-shrink:0}.tool-file-row-bottom{display:flex;align-items:center;gap:6px;padding-top:2px}.tool-result-row{background:#FFFFFF;border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-result-row:hover{border-color:#CBD5E1;box-shadow:0 2px 8px -2px rgba(15,23,42,.04)}.btn-options-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 10px;border-radius:8px;border:1px solid #e2e8f0;background:#F8FAFC;color:#6366F1;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-options-pill:hover:not(:disabled){border-color:#6366F1;color:#4F46E5;background:#EEF2FF}.btn-options-pill.btn-options-icon-only{width:32px;height:32px;min-width:32px;padding:0;gap:0;justify-content:center}.btn-card-close{width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:#EF4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-card-close:hover:not(:disabled){background:#FEE2E2;color:#DC2626;border-color:#FECACA}.btn-clear-all{background:transparent;border:none;color:#EF4444;font-size:.84rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:opacity var(--transition-fast)}.btn-clear-all:hover:not(:disabled){opacity:.85;text-decoration:underline}.compact-rename-control,.result-filename-edit-group{display:inline-flex;align-items:center;height:30px;padding:0 8px;border:1px solid var(--color-border);border-radius:6px;background:#F8FAFC;transition:all var(--transition-fast);max-width:220px}.compact-rename-control:hover,.result-filename-edit-group:hover{border-color:#94A3B8;background:#FFFFFF}.compact-rename-control:focus-within,.result-filename-edit-group:focus-within{border-color:var(--color-primary);background:#FFFFFF;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.compact-rename-input,.result-filename-input{border:none;outline:none;background:transparent;padding:0 2px;font-size:.8rem;font-weight:600;color:var(--color-text-main);min-width:80px;max-width:140px}.compact-rename-ext,.result-ext-badge{background:transparent;border:none;padding:0 0 0 2px;font-size:.76rem;font-weight:700;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.01em}.btn-download-result{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#10B981;color:#FFFFFF;font-size:.84rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-download-result:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px -2px rgba(16,185,129,.35)}.btn-outline-convert-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:240px;margin:14px auto 0;padding:8px 18px;border:1.5px dashed #cbd5e1;border-radius:10px;background:#FFFFFF;color:var(--color-text-main);font-size:.86rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-outline-convert-more:hover{border-color:var(--color-primary);color:var(--color-primary);background:#FEF2F2}.result-conversion-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:.72rem;font-weight:700;letter-spacing:.02em}@media (max-width:768px){.universal-tool-workspace{max-width:100%!important;transition:none!important}.tool-workspace-card{padding:12px;border-radius:14px}.tool-workspace-header{padding-bottom:8px;margin-bottom:8px}.tool-workspace-title{font-size:1rem}.tool-file-row{padding:10px 12px;gap:8px}.tool-file-row-top{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info close" "actions actions";align-items:center;grid-gap:8px 6px;gap:8px 6px;width:100%}.tool-file-info{grid-area:info;min-width:0}.tool-file-close-wrap{grid-area:close;align-self:start;display:flex;justify-content:flex-end}.tool-file-actions,.tool-file-row-controls{grid-area:actions;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:8px;width:100%;gap:8px}.tool-file-row-bottom{padding-top:6px;border-top:1px dashed #f1f5f9}.tool-workspace-footer{margin-top:12px;padding-top:10px;gap:8px}.btn-options-pill{padding:0 8px;height:30px;font-size:.78rem;gap:4px}.btn-options-pill .btn-options-text{display:inline!important;font-size:.78rem}.btn-card-close{width:26px;height:26px}.btn-tool-add-more{height:36px;padding:0 12px;font-size:.8rem}.btn-tool-primary-action{height:36px;padding:0 16px;font-size:.84rem;min-width:100px}.result-filename-input{min-width:100px;max-width:140px}.tool-file-row:has(.tool-file-compress-row) .tool-file-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.tool-file-compress-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;padding-top:6px;border-top:1px dashed #f1f5f9;flex-wrap:nowrap}.btn-options-pill.btn-options-icon-only{width:30px;height:30px;min-width:30px;padding:0}.tool-file-compress-row .unified-target-size-control{height:30px}.tool-file-compress-row .format-dropdown-trigger{height:30px!important;padding:0 8px!important;font-size:.8rem!important}}@media (max-width:365px){.tool-compress-label,.tool-file-compress-row .format-dropdown-label{font-size:.74rem!important}.tool-file-compress-row{gap:4px}}.unified-target-size-control{display:inline-flex;align-items:center;height:32px;border:1px solid var(--color-border);border-radius:8px;background:#FFFFFF;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast)}.unified-target-size-control:focus-within{border-color:var(--color-primary)}.tool-compress-target-group{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.tool-compress-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.tool-compress-output-group{display:inline-flex;align-items:center;flex-shrink:0}.tool-file-compress-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-top:6px;border-top:1px dashed #f1f5f9}@media (min-width:769px){.tool-file-row-bottom{gap:8px;padding-top:2px}.tool-file-compress-row,.tool-file-row-bottom{display:flex;align-items:center;justify-content:flex-end}.tool-file-compress-row{gap:12px;padding-top:6px;border-top:1px dashed #f1f5f9}}.advanced-options-header{padding:14px 18px}.advanced-options-title{font-weight:700;font-size:.94rem;white-space:nowrap}.advanced-options-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;flex-wrap:nowrap;gap:8px}.advanced-options-btn-reset{font-size:.78rem;padding:4px}.advanced-options-btn-cancel{padding:6px 12px;font-size:.8rem}.advanced-options-btn-apply{padding:6px 14px;font-size:.8rem}@media (max-width:480px){.advanced-options-header{padding:12px 14px!important}.advanced-options-title{font-size:.88rem!important}.advanced-options-content{padding:14px!important}.advanced-options-footer{padding:10px 12px!important;gap:6px!important}.advanced-options-btn-reset{font-size:.74rem!important;padding:4px 2px!important}.advanced-options-btn-cancel{padding:5px 9px!important;font-size:.78rem!important}.advanced-options-btn-apply{padding:5px 10px!important;font-size:.78rem!important}}@media (max-width:360px){.advanced-options-header{padding:10px!important}.advanced-options-title{font-size:.82rem!important}.advanced-options-content{padding:12px 10px!important}.advanced-options-footer{padding:8px!important;gap:4px!important}.advanced-options-btn-reset{font-size:.7rem!important;padding:3px 1px!important}.advanced-options-btn-cancel{padding:4px 7px!important;font-size:.74rem!important}.advanced-options-btn-apply{padding:4px 8px!important;font-size:.74rem!important}}.tool-seo-article{width:100%;position:relative;z-index:1}.related-tool-card{box-shadow:var(--shadow-xs);border:1px solid var(--color-border);background:var(--color-bg)}@media (hover:hover) and (pointer:fine){.related-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-border-hover)}}@media (prefers-reduced-motion:reduce){.related-tool-card{transition:none!important;transform:none!important}}.adv-modal-overlay{padding:16px}.adv-modal-header{padding:16px 20px}.adv-modal-content{padding:20px;gap:16px}.adv-modal-file-banner{padding:10px 14px}.adv-options-card-header{padding:10px 16px}.adv-options-card-body{padding:16px;gap:18px}.adv-modal-footer{padding:14px 20px;gap:12px}@media (max-width:639px){.adv-modal-overlay{padding:6px!important}.adv-modal-card{max-height:94vh!important;border-radius:12px!important;width:100%!important}.adv-modal-header{padding:12px 10px!important}.adv-modal-header span{font-size:.94rem!important}.adv-modal-content{padding:10px 6px!important;gap:10px!important}.adv-modal-file-banner,.adv-options-card-header{padding:8px 10px!important}.adv-options-card-body{padding:12px 8px!important;gap:14px!important}.adv-modal-footer{padding:10px 8px!important;gap:6px!important;flex-wrap:nowrap!important}.adv-btn-reset{font-size:.78rem!important;padding:4px 2px!important;gap:4px!important;white-space:nowrap!important}.adv-btn-group{gap:6px!important;flex-wrap:nowrap!important}.adv-btn-cancel{padding:5px 12px!important}.adv-btn-apply,.adv-btn-cancel{height:33px!important;font-size:.82rem!important;white-space:nowrap!important}.adv-btn-apply{padding:5px 14px!important;gap:4px!important}}.tool-page-section{padding:32px 24px;background:#FFFFFF;border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:48px}.tool-privacy-section{margin-bottom:48px;padding:28px 24px;background:linear-gradient(135deg,#F0FDF4,#DCFCE7);border-radius:16px;border:1px solid #bbf7d0;display:flex;align-items:flex-start;gap:16px}@media (max-width:639px){.tool-page-section{padding:20px 14px!important}.tool-page-section,.tool-privacy-section{border-radius:12px!important;margin-bottom:28px!important}.tool-privacy-section{padding:18px 14px!important;gap:12px!important}}