.tool-breadcrumb{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.tool-breadcrumb ol{min-width:0;font-size:var(--font-caption,13px);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0;list-style:none;display:flex}.tool-breadcrumb li{align-items:center;gap:8px;min-width:0;display:inline-flex}.tool-breadcrumb li a{min-height:36px;color:var(--text-mid);align-items:center;gap:6px;display:inline-flex}.tool-breadcrumb li a:hover{color:var(--primary);text-decoration:underline}.tool-breadcrumb [aria-current=page]{color:var(--text-high);font-weight:600}.tool-breadcrumb .ui-icon{flex-shrink:0;width:15px;height:15px}.breadcrumb-separator{color:var(--text-low);flex-shrink:0}.tool-guide-link{min-height:44px;color:var(--primary);font-size:var(--font-ui,14px);text-underline-offset:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:underline;display:inline-flex}.tool-guide-link .ui-icon{width:16px;height:16px}.tool-guide{border:1px solid var(--border);background:var(--bg-surface);border-radius:20px;max-width:1152px;margin:28px auto 0;box-shadow:0 3px 16px #123b3506}.tool-guide-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:48px;padding:32px;display:grid}.tool-guide-overview{min-width:0}.tool-guide-heading{align-items:center;gap:12px;display:flex}.tool-guide-heading h2{letter-spacing:-.025em;font-size:22px;line-height:1.35}.tool-guide-symbol{background:var(--primary-subtle);height:42px;color:var(--primary);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.tool-guide-symbol .ui-icon{width:21px;height:21px}.tool-guide-intro{max-width:54ch;color:var(--text-mid);font-size:var(--font-description,15px);margin-top:16px;line-height:1.8}.tool-guide-return{border:1px solid var(--border);min-height:40px;color:var(--primary);font-size:var(--font-ui,14px);border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:7px 12px;font-weight:600;display:inline-flex}.tool-guide-return .ui-icon{width:15px;height:15px}.tool-guide-return:hover{background:var(--primary-subtle);border-color:var(--primary-border)}.tool-guide-steps{align-self:center;margin:0;padding:0;list-style:none}.tool-guide-steps li{align-items:flex-start;gap:16px;min-width:0;padding-bottom:24px;display:flex;position:relative}.tool-guide-steps li:last-child{padding-bottom:0}.tool-guide-steps li:not(:last-child):after{content:"";background:var(--primary-border);width:1px;position:absolute;top:38px;bottom:6px;left:16px}.tool-guide-number{border:1px solid var(--primary-border);background:var(--primary-subtle);height:34px;color:var(--primary);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.tool-guide-steps p{min-width:0;color:var(--text-high);font-size:var(--font-description,15px);overflow-wrap:anywhere;padding-top:3px;line-height:1.8}.tool-guide-note{border:1px solid var(--primary-border);background:var(--primary-subtle);border-radius:12px;align-items:flex-start;gap:12px;margin:0 32px 28px;padding:18px 20px;display:flex}.tool-guide-note>.ui-icon{width:19px;height:19px;color:var(--primary);flex-shrink:0;margin-top:2px}.tool-guide-note>div{min-width:0}.tool-guide-note h3{font-size:var(--font-ui,14px);margin-bottom:5px;font-weight:700}.tool-guide-note p{max-width:100ch;font-size:var(--font-ui,14px);line-height:1.75}.tool-guide-faq{border-top:1px solid var(--border);padding:26px 32px 20px}.tool-guide-faq h3{margin-bottom:8px;font-size:17px}.tool-guide-faq details+details{border-top:1px solid var(--border)}.tool-guide-faq summary{cursor:pointer;font-weight:600;font-size:var(--font-description,15px);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;list-style:none;display:flex}.tool-guide-faq summary::-webkit-details-marker{display:none}.tool-guide-faq summary:after{content:"+";color:var(--primary);flex-shrink:0;font-size:22px;font-weight:400;line-height:1}.tool-guide-faq details[open]>summary:after{content:"−"}.tool-guide-faq p{max-width:85ch;font-size:var(--font-description,15px);padding-bottom:16px;line-height:1.8}.tool-guide-faq a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.tool-guide-faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}#tool-guide,#tool-workspace{scroll-margin-top:100px}.tool-guide a:focus-visible,.tool-breadcrumb a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:3px}@media (width<=760px){.tool-guide-body{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px}.tool-guide-note{margin:0 24px 24px}.tool-guide-intro{max-width:none}.tool-guide-return{min-height:44px;margin-top:12px}.tool-guide-faq{padding:22px 24px 12px}}@media (width<=480px){.tool-guide{border-radius:16px;margin-top:24px}.tool-guide-body{gap:24px;padding:20px}.tool-guide-heading h2{font-size:20px}.tool-guide-steps li{gap:12px;padding-bottom:20px}.tool-guide-note{gap:10px;margin:0 14px 14px;padding:16px 14px}.tool-guide-faq{padding:20px 20px 10px}.tool-breadcrumb li a{min-height:44px}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-subtle:#eef2ff;--primary-border:#c7d2fe;--bg-page:#f9fafb;--bg-surface:#fff;--bg-subtle:#f3f4f6;--bg-muted:#f9fafb;--text-high:#111827;--text-mid:#374151;--text-low:#6b7280;--text-xlow:#9ca3af;--border:#e5e7eb;--border-mid:#d1d5db;--border-strong:#9ca3af;--green:#16a34a;--green-subtle:#f0fdf4;--green-border:#bbf7d0;--orange:#ea580c;--orange-subtle:#fff7ed;--red:#dc2626;--red-subtle:#fef2f2;--blue:#2563eb;--blue-subtle:#eff6ff;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #00000014;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;--r-2xl:12px;--r-full:9999px;--t-fast:.12s ease;--t-base:.18s ease;--t-slow:.28s ease;--primary-dark:#4338ca;--primary-light:#eef2ff;--primary-glow:#4f46e51f;--bg-body:#f9fafb;--text-main:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--accent-green:#16a34a;--accent-orange:#ea580c;--accent-red:#dc2626;--shadow-hover:0 2px 8px #4f46e52e;--radius-2xl:12px;--radius-xl:10px;--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--transition:all .18s ease;--transition-slow:all .28s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-page);color:var(--text-high);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;color:var(--text-high);font-weight:600;line-height:1.3}p{color:var(--text-mid);line-height:1.65}a{color:inherit;transition:var(--t-fast);text-decoration:none}img,svg{max-width:100%;display:block}ul{list-style:none}button{font-family:inherit}.container{width:100%;max-width:1152px;margin:0 auto;padding:0 1.5rem}.main-content{flex:1;padding:2rem 1.5rem 3rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.grid{display:grid}.grid>*{min-width:0}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.my-6{margin-block:1.5rem}.mx-auto{margin-inline:auto}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-8{padding-block:2rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--font-description)}.text-xs{font-size:var(--font-caption)}.text-muted{color:var(--text-low)}.text-primary{color:var(--primary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}@media (width<=900px){.split-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-fadeInUp{animation:.3s both fadeInUp}.animate-spin{animation:.8s linear infinite spin}.text-h1{letter-spacing:-.025em;font-size:clamp(1.625rem,3vw,2.25rem);font-weight:700;line-height:1.15}.text-h2{letter-spacing:-.015em;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600}.text-h3{font-size:var(--font-body);color:var(--text-low);font-weight:400;line-height:1.6}.header{z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex;position:relative}.header-brand{letter-spacing:-.02em;color:var(--text-high);z-index:10;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.header-brand:hover{color:var(--primary)}.header-nav{z-index:5;align-items:center;gap:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-nav a{font-size:var(--font-body);color:var(--text-low);border-radius:var(--r-md);transition:color var(--t-fast), background var(--t-fast);white-space:nowrap;padding:.4rem 1rem;font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--text-high);background:var(--bg-subtle)}.lang-dropdown{display:inline-block;position:relative}.lang-btn{border:1px solid var(--border);font-size:var(--font-body);cursor:pointer;border-radius:var(--r-md);color:var(--text-mid);transition:border-color var(--t-fast), background var(--t-fast);background:0 0;align-items:center;gap:.35rem;height:38px;padding:.4rem .75rem;font-family:inherit;font-weight:500;display:flex}.lang-btn:hover{border-color:var(--border-mid);background:var(--bg-subtle)}.lang-menu{background:var(--bg-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:200;min-width:152px;animation:.15s slideDown;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.lang-dropdown:hover .lang-menu{display:block}.lang-menu a{font-size:var(--font-body);color:var(--text-mid);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.lang-menu a:last-child{border-bottom:none}.lang-menu a:hover{background:var(--bg-subtle);color:var(--text-high)}.hero-wrap{border-bottom:1px solid var(--border);background:radial-gradient(60% 70% at 10% -10%,#8b5cf621 0%,#0000 60%),radial-gradient(55% 60% at 95% 5%,#3b82f61a 0%,#0000 55%),radial-gradient(50% 60% at 60% 110%,#10b98112 0%,#0000 55%),#fff;margin:-2rem calc(50% - 50vw) 2.5rem;padding:3.5rem 1rem 2.5rem;position:relative;overflow:hidden}@media (width>=900px){.hero-wrap{padding:5rem 1.5rem 3.75rem}}.hero-bg-grid{pointer-events:none;background-image:radial-gradient(circle,#00000012 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hero-ambient-glow{display:none}.hero-container{z-index:2;grid-template-columns:1fr;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:grid;position:relative}@media (width>=900px){.hero-container{grid-template-columns:1.15fr .85fr}}.hero-left{text-align:center}@media (width>=900px){.hero-left{text-align:left}}.hero-badge{color:#4f46e5;font-size:var(--font-caption);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-full);background:#6366f114;border:1px solid #6366f133;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.3rem 1rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#4f46e5;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite pulse-soft}.hero-title{letter-spacing:-.04em;color:#0f172a;margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.08}.hero-title-accent{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 45%,#29a875 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-desc{color:#475569;max-width:540px;margin:0 auto 2.25rem;font-size:1.0625rem;line-height:1.75}@media (width>=900px){.hero-desc{margin:0 0 2.25rem}}.hero-search{background:#fff;border:1.5px solid #ddd6fe;border-radius:12px;align-items:center;max-width:540px;margin:0 auto 2rem;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 8px #6366f114,0 8px 32px #6366f11a}@media (width>=900px){.hero-search{margin:0 0 2rem}}.hero-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 8px 32px #6366f126}.hero-search-icon{color:#a5b4fc;flex-shrink:0;align-items:center;padding:0 .6rem 0 1.1rem;display:flex}.hero-search-input{font-family:inherit;font-size:var(--font-body);color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.875rem .5rem}.hero-search-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.hero-search-btn{color:#fff;height:42px;font-family:inherit;font-size:var(--font-description);cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;margin:5px;padding:0 1.375rem;font-weight:600}.hero-cats{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (width>=900px){.hero-cats{justify-content:flex-start}}.hero-cat-chip{font-size:var(--font-description);border-radius:var(--r-full);border:1.5px solid #0000;align-items:center;gap:.35rem;padding:.4rem .9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.hero-cat-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.hero-cat-chip[data-cat=pdf]{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.hero-cat-chip[data-cat=image]{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.hero-cat-chip[data-cat=qrcode]{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.hero-cat-chip[data-cat=text]{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.hero-cat-chip[data-cat=vietnam]{color:#be123c;background:#fff1f2;border-color:#fecdd3}.hero-cat-chip[data-cat=dev]{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.hero-trust{border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}@media (width>=900px){.hero-trust{justify-content:flex-start}}.hero-trust-item{align-items:center;gap:.5rem;display:flex}.hero-trust-num{color:#0f172a;font-size:1.1rem;font-weight:700}.hero-trust-label{font-size:var(--font-description);color:#64748b;font-weight:500}.hero-right{height:380px;display:none;position:relative}@media (width>=900px){.hero-right{display:block}}.hero-visual-stage{width:100%;height:100%;position:relative}.stage-backdrop{filter:blur(40px);opacity:.7;background:radial-gradient(circle,#ddd6fe 0%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff6;border-radius:16px;align-items:center;gap:1rem;width:260px;padding:1rem;animation:6s ease-in-out infinite float-y;display:flex;position:absolute;box-shadow:0 10px 30px #00000014,inset 0 1px #fff}.fc-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.fc-info{flex:1}.fc-title{font-size:var(--font-description);color:#0f172a;margin-bottom:.25rem;font-weight:700}.fc-desc{font-size:var(--font-caption);color:#64748b}.fc-progress{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:.35rem;overflow:hidden}.fc-bar{border-radius:3px;height:100%}.fc-1{z-index:3;animation-delay:0s;top:10%;right:5%}.fc-2{z-index:2;width:230px;animation-delay:-2s;top:40%;left:0%}.fc-3{z-index:4;width:220px;animation-delay:-4s;bottom:10%;right:15%}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.featured-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.featured-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.featured-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.featured-card.card-popular{border-color:#ddd6fe}.featured-card.card-popular:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.featured-card.card-popular:hover{border-color:#a5b4fc;box-shadow:0 12px 30px #6366f11f}.featured-card.card-premium{border-color:#bbf7d0}.featured-card.card-premium:before{background:linear-gradient(90deg,#10b981,#3b82f6)}.featured-card.card-premium:hover{border-color:#86efac;box-shadow:0 12px 30px #10b9811f}.featured-card-head{background:linear-gradient(#f8fafccc,#0000);border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.featured-card-head-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.head-popular{color:#7c3aed;background:#f5f3ff;box-shadow:0 4px 10px #7c3aed26}.head-premium{color:#059669;background:#ecfdf5;box-shadow:0 4px 10px #05966926}.featured-card-head-text h3{color:#0f172a;letter-spacing:-.01em;margin-bottom:.15rem;font-size:1.125rem;font-weight:700}.featured-card-head-text p{font-size:var(--font-description);color:#64748b;margin:0;line-height:1.4}.featured-card-body{padding:.75rem}.free-banner{color:#059669;font-size:var(--font-caption);background:linear-gradient(90deg,#ecfdf5,#0000);border-left:3px solid #10b981;border-radius:8px;align-items:center;gap:.5rem;margin:.25rem .25rem .5rem;padding:.5rem 1rem;font-weight:700;display:flex}.ftool-item{border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.ftool-item:last-child{margin-bottom:0}.ftool-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.ftool-item:hover .ftool-arrow{opacity:1;color:#3b82f6;transform:translate(0)}.ftool-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.ftool-item:hover .ftool-icon{transform:scale(1.1)rotate(5deg)}.ftool-info{flex:1;min-width:0}.ftool-name{font-size:var(--font-body);color:var(--text-high);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.4;overflow:hidden}.ftool-desc{font-size:var(--font-ui);color:var(--text-low);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;line-height:1.35;overflow:hidden}.ftool-arrow{opacity:0;transition:opacity var(--t-base), transform var(--t-base);color:var(--text-xlow);flex-shrink:0;transform:translate(-4px)}.ftool-badge{font-size:var(--font-caption);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);flex-shrink:0;padding:.1rem .45rem;font-weight:700}.section-header{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.section-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.section-title{color:var(--text-high);font-size:1.125rem;font-weight:600}.section-count{font-size:var(--font-ui);color:var(--text-low);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-full);margin-left:auto;padding:.125rem .5rem;font-weight:500}.category-section{margin-bottom:2.5rem;scroll-margin-top:72px}.tool-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.tool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-base), box-shadow var(--t-base);cursor:pointer;flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem;text-decoration:none;display:flex;position:relative}@media (width>=640px){.tool-card{flex-direction:column;align-items:stretch;gap:.75rem}}.tool-card:before{content:"";width:2px;transition:background var(--t-base);background:0 0;border-radius:2px 0 0 2px;position:absolute;top:10px;bottom:10px;left:0}.tool-card:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.hover-icon-pink:hover:before{background:#db2777}.hover-icon-blue:hover:before{background:#2563eb}.hover-icon-green:hover:before{background:#16a34a}.hover-icon-purple:hover:before{background:var(--primary)}.hover-icon-orange:hover:before{background:#ea580c}.hover-icon-red:hover:before{background:#dc2626}.tool-card-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tool-card-icon svg{width:18px;height:18px}.icon-pink{color:#db2777;background:#fce7f3}.icon-blue{color:#2563eb;background:#dbeafe}.icon-green{color:#16a34a;background:#dcfce7}.icon-purple{background:var(--primary-subtle);color:var(--primary)}.icon-orange{color:#ea580c;background:#ffedd5}.icon-red{color:#dc2626;background:#fee2e2}.tool-card-title{color:var(--text-high);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.3}.tool-card-desc{font-size:var(--font-description);color:var(--text-low);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-card-content{flex-direction:column;gap:.2rem;display:flex}.btn{font-weight:500;font-size:var(--font-description);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);letter-spacing:-.005em;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;max-width:100%;min-height:44px;padding:.5rem 1rem;font-family:inherit;line-height:1.4;display:inline-flex}.btn:focus-visible{outline:3px solid var(--primary-border);outline-offset:3px}.btn svg{flex-shrink:0;width:18px;height:18px}.btn:active{opacity:.85;transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline{background:var(--bg-surface);border-color:var(--border-mid);color:var(--text-mid)}.btn-outline:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-high);background:var(--bg-subtle)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover:not(:disabled){background:#15803d;border-color:#15803d}.btn-lg{font-size:var(--font-body);padding:.625rem 1.375rem}.btn-sm{font-size:var(--font-ui);min-height:36px;padding:.375rem .75rem}.btn-danger{background:var(--bg-surface);border-color:var(--border-mid);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-subtle);border-color:var(--red)}.btn-icon{border-radius:var(--r-md);padding:.45rem}.btn-loading:before{content:"";border:1.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:.35rem;animation:.65s linear infinite spin;display:inline-block}.copy-btn:not(.btn){font-size:var(--font-caption);border-radius:var(--r-sm);color:var(--text-low);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;padding:.25rem .6rem;font-family:inherit;font-weight:500}.copy-btn:not(.btn):hover{background:var(--bg-subtle);border-color:var(--border);color:var(--text-high)}.form-group{margin-bottom:1.25rem}.form-label{font-weight:500;font-size:var(--font-ui);color:var(--text-mid);letter-spacing:0;justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.form-control{width:100%;font-size:var(--font-description);color:var(--text-high);background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast);height:38px;padding:.5rem .75rem;font-family:inherit;line-height:1.5}.form-control:hover{border-color:var(--border-strong)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}textarea.form-control,.form-control[rows]{height:auto;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace;font-size:var(--font-ui);background:var(--bg-muted);resize:vertical;line-height:1.65}select.form-control{cursor:pointer}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:1.25rem;padding:1.5rem;animation:.3s both fadeInUp}.split-grid>div{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast);padding:1rem}.split-grid>div:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-surface)}.tool-shell{width:100%;max-width:860px;margin:0 auto;animation:.25s fadeIn}.tool-shell.tool-shell-wide{max-width:1152px}.tool-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;animation:.3s fadeInUp;display:flex}.tool-header-icon{border-radius:var(--r-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.tool-header-text{flex:1;min-width:0}.tool-header .text-h1{text-align:left;color:var(--text-high);margin-bottom:.25rem;font-size:clamp(1.25rem,2.5vw,1.625rem)}.tool-header .text-h3{font-size:var(--font-description);color:var(--text-low);text-align:left;line-height:1.55}.tool-header-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tool-meta-badge{font-size:var(--font-caption);border-radius:var(--r-sm);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.25rem;padding:.15rem .5rem;font-weight:600;display:inline-flex}.badge-client{background:var(--green-subtle);color:var(--green)}.badge-free{background:var(--primary-subtle);color:var(--primary)}.badge-secure{color:#9d174d;background:#fdf2f8}.dropzone{border:1.5px dashed var(--border-mid);border-radius:var(--r-xl);text-align:center;cursor:pointer;transition:border-color var(--t-base), background var(--t-base);background:var(--bg-muted);padding:3rem 2rem;position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--primary);background:var(--primary-subtle)}.dropzone-icon{border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border);width:52px;height:52px;transition:border-color var(--t-base), background var(--t-base), color var(--t-base);color:var(--text-low);justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.dropzone:hover .dropzone-icon,.dropzone.drag-over .dropzone-icon{background:var(--primary);border-color:var(--primary);color:#fff}.dropzone-title{font-size:var(--font-body);color:var(--text-high);margin-bottom:.35rem;font-weight:600}.dropzone-sub{font-size:var(--font-ui);color:var(--text-low);margin-bottom:1.25rem}.dropzone-formats{flex-wrap:wrap;justify-content:center;gap:.35rem;display:inline-flex}.format-tag{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-low);font-size:var(--font-caption);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-sm);padding:.15rem .45rem;font-weight:700}.settings-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-top:1rem;overflow:hidden}.settings-panel-head{background:var(--bg-muted);border-bottom:1px solid var(--border);font-size:var(--font-ui);color:var(--text-mid);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:flex}.settings-panel-body{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:1.25rem;display:grid}.result-area{border-radius:var(--r-xl);border:1px solid var(--green-border);background:var(--bg-surface);margin-top:1.25rem;animation:.3s fadeInUp;overflow:hidden}.result-header{background:var(--green-subtle);border-bottom:1px solid var(--green-border);align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.result-header-icon{background:var(--green);border-radius:var(--r-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.result-header-text h3{font-size:var(--font-description);color:#14532d;margin-bottom:.1rem;font-weight:600}.result-header-text p{font-size:var(--font-caption);color:#166534;margin:0;font-weight:400}.result-body{padding:1.25rem}.compare-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.compare-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-muted);overflow:hidden}.compare-card-label{font-size:var(--font-caption);text-align:center;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .75rem;font-weight:700}.compare-card-label.original{color:#991b1b;background:#fee2e2}.compare-card-label.compressed{color:#14532d;background:#dcfce7}.compare-card-img{background:repeating-conic-gradient(#f0f0f0 0% 25%,#e8e8e8 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;height:160px;display:flex;overflow:hidden}.compare-card-img img{object-fit:contain;max-width:100%;max-height:100%}.compare-card-size{text-align:center;font-size:var(--font-ui);color:var(--text-high);border-top:1px solid var(--border);padding:.55rem;font-weight:600}.compare-card-size .size-sub{font-size:var(--font-caption);color:var(--text-low);margin-top:.1rem;font-weight:400;display:block}.savings-stat{background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;display:flex}.savings-number{color:var(--primary);letter-spacing:-.04em;font-size:1.75rem;font-weight:700;line-height:1}.savings-label{font-size:var(--font-caption);color:var(--text-low);margin-top:.2rem;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:border-color var(--t-fast), background var(--t-fast);padding:.875rem .75rem}.stat-card:hover{border-color:var(--primary-border);background:var(--primary-subtle)}.stat-number{color:var(--primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--text-low);margin-top:.25rem;font-weight:600}.progress-bar-wrap{background:var(--border);border-radius:var(--r-full);height:4px;margin:.5rem 0;overflow:hidden}.progress-bar-fill{border-radius:var(--r-full);background:var(--primary);height:100%;transition:width .4s}.progress-bar-indeterminate .progress-bar-fill{width:40%;animation:1.1s ease-in-out infinite progress-indeterminate}.alert{border-radius:var(--r-md);font-size:var(--font-ui);border:1px solid;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-weight:400;line-height:1.55;animation:.25s fadeInUp;display:flex}.alert svg{flex-shrink:0;margin-top:.1rem}.alert-success{background:var(--green-subtle);color:#14532d;border-color:var(--green-border)}.alert-error{background:var(--red-subtle);color:#991b1b;border-color:#fecaca}.alert-info{background:var(--blue-subtle);color:#1e40af;border-color:#bfdbfe}.alert-warn{color:#92400e;background:#fffbeb;border-color:#fde68a}nav[aria-label=breadcrumb]{margin-bottom:1.25rem;animation:.25s fadeIn}nav[aria-label=breadcrumb] ol{font-size:var(--font-ui);flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}nav[aria-label=breadcrumb] ol li{color:var(--text-low);align-items:center;display:flex}nav[aria-label=breadcrumb] ol li a{color:var(--text-low);transition:color var(--t-fast)}nav[aria-label=breadcrumb] ol li a:hover{color:var(--primary)}nav[aria-label=breadcrumb] ol li:last-child{color:var(--text-high);font-weight:500}.tool-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.25rem;display:flex}.tool-tab{color:var(--text-low);font-weight:500;font-size:var(--font-ui);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-family:inherit}.tool-tab:hover{color:var(--text-mid)}.tool-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tool-tab-content{animation:.2s fadeInUp;display:none}.tool-tab-content.active{display:block}input[type=range]{appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 1px var(--primary);border:2px solid #fff;border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:1.5rem 0}.footer-inner{flex-direction:column;align-items:center;gap:.75rem;display:flex}.footer-brand{font-weight:700;font-size:var(--font-body);letter-spacing:-.02em;color:var(--text-high);align-items:center;gap:.4rem;display:flex}.footer-nav{align-items:center;gap:1.5rem;display:flex}.footer-nav a{color:var(--text-low);font-weight:400;font-size:var(--font-ui);transition:color var(--t-fast)}.footer-nav a:hover{color:var(--text-high)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-shell textarea::-webkit-scrollbar{width:4px}.tool-shell textarea::-webkit-scrollbar-track{background:0 0}.tool-shell textarea::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}@media (width<=768px){.hide-on-mobile{display:none!important}.hero-wrap{padding-top:3rem;padding-bottom:2.5rem}.hero-title{font-size:1.875rem}.hero-bg-glow{width:100%}.hero-cats{gap:.375rem}.hero-cats-label{display:none}.tool-header{flex-direction:column;padding-bottom:1rem}.tool-header-icon{width:40px;height:40px;font-size:1.1rem}.featured-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr;gap:.625rem}.compare-grid{grid-template-columns:1fr}.container{padding:0 1rem}.main-content{padding:1.5rem 1rem 2.5rem}.card{border-radius:var(--r-lg);padding:1.25rem}.dropzone{padding:2rem 1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.savings-stat{text-align:center;flex-direction:column}.flex.justify-center.gap-4{flex-direction:column;gap:.5rem}.flex.justify-center.gap-4 .btn{width:100%}.btn{min-height:40px}.tool-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tool-tabs::-webkit-scrollbar{display:none}nav[aria-label=breadcrumb]{overflow-x:auto}}@media (width<=480px){.tool-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-cats{gap:.3rem}.hero-cat-chip{font-size:var(--font-caption);padding:.25rem .6rem}}@media (pointer:coarse){input[type=checkbox],input[type=radio]{width:18px;height:18px}label{cursor:pointer}}:root{--primary:#087f73;--primary-hover:#05665d;--primary-subtle:#e9f7f2;--primary-border:#bce5d9;--primary-dark:#05665d;--primary-light:#e9f7f2;--primary-glow:#087f731f;--bg-page:#f7f9f7;--bg-body:#f7f9f7;--text-high:#183b38;--text-main:#183b38;--text-mid:#49605d;--text-low:#64748b;--border:#e2eae5;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:24px}.container{max-width:1248px}.header{box-shadow:0 1px 0 var(--border);background:#fffffff2}.header .nav-item{height:80px}.header .nav-link{font-size:var(--font-ui);padding:8px 10px}.header .mega-menu{top:68px}.nav-item:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.header .btn-login{background:var(--primary);padding:11px 19px}.header .btn-login:hover{background:var(--primary-hover)}.tool-shell .card{box-shadow:0 6px 26px #183b3809}.tool-header{border:1px solid var(--border);background:#fff;border-radius:22px;padding:24px}.footer{background:#fff}.footer .container>div>div{min-width:0!important}.footer form textarea{font-family:inherit}.home-wrapper{color:var(--text-high)}.hero-section{margin-top:-16px;padding:60px 0 48px;position:relative}.hero-container{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;display:grid}.hero-content{z-index:1;position:relative}.hero-badge-ui{font-size:var(--font-caption);color:#386847;background:#eaf5e9;border:1px solid #d9ebd7;border-radius:99px;align-items:center;gap:9px;margin-bottom:24px;padding:7px 12px;font-weight:600;display:inline-flex}.badge-dot{background:#29a875;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.hero-title-ui{letter-spacing:-2.5px;color:#183b38;margin-bottom:22px;font-size:clamp(36px,4.5vw,58px);font-weight:750;line-height:1.16}.hero-title-ui span{color:#087f73;position:relative}.hero-title-ui span:after{content:"";z-index:-1;background:#d5eec2;border-radius:50%;height:7px;position:absolute;bottom:-5px;left:0;right:0}.hero-subtitle-ui{font-size:var(--font-body);color:#64748b;max-width:490px;margin-bottom:28px;line-height:1.85}.hero-search-box{background:#fff;border:1px solid #d8e5dd;border-radius:16px;align-items:center;gap:8px;padding:7px;display:flex;box-shadow:0 8px 28px #183b3808}.hero-search-box:focus-within{outline:3px solid var(--primary-glow);border-color:var(--primary)}.hero-search-icon-ui{color:#80968e;padding-left:12px}.hero-search-input-ui{min-width:0;font:inherit;font-size:var(--font-description);background:0 0;border:0;outline:0;flex:1;height:44px}.hero-search-btn-ui{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.hero-search-btn-ui:hover{background:var(--primary-hover)}.hero-keywords{font-size:var(--font-caption);color:#71867e;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0 28px;display:flex}.hero-keywords a{background:#fff;border:1px solid #e1e9e2;border-radius:6px;padding:4px 8px}.hero-keywords a:hover{color:var(--primary);border-color:var(--primary)}.hero-features{border-top:1px solid #dde7de;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:22px;display:grid}.h-feature{align-items:flex-start;gap:8px;display:flex}.h-feature-icon svg{width:18px;height:18px}.h-feature-text h4{font-size:var(--font-caption);margin-bottom:3px;font-weight:650}.h-feature-text p{font-size:var(--font-caption);color:var(--text-low)}.hero-visual{place-items:center;min-height:420px;display:grid;position:relative}.visual-orbit{border:1px dashed #ccdfd2;border-radius:50%;width:420px;height:420px;position:absolute;transform:rotate(-20deg)}.orbit-two{background:#e8f1dd88;border:none;width:330px;height:330px}.workspace-preview{background:#fff;border:1px solid #e0e9e1;border-radius:22px;width:350px;padding:20px;animation:7s ease-in-out infinite workspace-float;position:relative;transform:rotate(-5deg);box-shadow:0 28px 60px #183b3812}.preview-top{font-size:var(--font-caption);color:#80938a;border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.preview-top>svg{width:15px;height:15px}.preview-dots{gap:4px;display:flex}.preview-dots b{background:#edc7ad;border-radius:50%;width:6px;height:6px}.preview-dots b:nth-child(2){background:#ebdc9e}.preview-dots b:nth-child(3){background:#b5d8be}.preview-heading{letter-spacing:-.6px;color:#46645b;padding:20px 0;font-size:21px;line-height:1.5}.preview-heading strong{color:#183b38}.preview-tools{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preview-tile{border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 5px;display:flex}.preview-tile svg{width:27px;height:27px}.preview-tile span{font-size:var(--font-caption);font-weight:600}.preview-bottom{font-size:var(--font-caption);color:#80938a;align-items:center;gap:7px;padding-top:18px;display:flex}.visual-spark{color:#9ec070;font-size:36px;position:absolute}.spark-one{top:8px;right:42px}.spark-two{font-size:50px;bottom:16px;left:40px}.floating-note{font-size:var(--font-caption);background:#fff;border:1px solid #e0e9e1;border-radius:14px;align-items:center;gap:10px;font-weight:600;display:flex;position:absolute;box-shadow:0 12px 35px #183b380c}.note-done{padding:14px 18px;bottom:14px;right:-5px;transform:rotate(3deg)}.note-done>span{color:#087f73;background:#e8f6ec;border-radius:50%;padding:9px}.note-done svg{width:17px;height:17px}.note-done small{font-size:var(--font-caption);color:#81928a;margin-top:3px;font-weight:400;display:block}.note-fast{padding:12px 16px;top:18px;left:-12px;transform:rotate(-7deg)}.note-fast svg{color:#cf9b37;width:16px;height:16px}.hp-section{padding:28px 0;scroll-margin-top:105px}.sec-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.sec-title h2{letter-spacing:-.6px;margin-bottom:5px;font-size:23px;font-weight:700}.sec-link{font-size:var(--font-caption);color:var(--primary);white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:flex}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ui-card{background:#fff;border:1px solid #e1e9e2;border-radius:18px;flex-wrap:wrap;align-items:flex-start;gap:16px;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.ui-card:hover{border-color:#accfc0;transform:translateY(-4px);box-shadow:0 12px 24px #183b3809}.c-icon{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.c-icon svg{width:23px;height:23px}.c-info{width:100%;min-width:0}.c-title{font-size:var(--font-description);color:#24483e;margin-bottom:7px;font-weight:650;line-height:1.4}.c-desc{font-size:var(--font-caption);color:#829087;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.c-arrow{color:#a4b3aa;transition:transform .2s,color .2s;position:absolute;top:29px;right:20px}.ui-card:hover .c-arrow{color:var(--primary);transform:translate(3px)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.category-grid .ui-card{gap:14px;padding:18px 14px}.category-grid .c-title{font-size:var(--font-caption)}.category-grid .c-arrow{display:none}.category-grid .c-desc{font-size:var(--font-caption)}.cta-banner{background:#eaf5e9;border:1px solid #dce8d1;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:36px 0 50px;padding:30px 38px;display:flex}.cta-left{align-items:center;gap:20px;display:flex}.cta-icon{background:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.cta-text h3{margin-bottom:6px;font-size:19px}.cta-text p{font-size:var(--font-caption);color:#71816a}.cta-btn{background:var(--primary);color:#fff;white-space:nowrap;font-size:var(--font-caption);border-radius:12px;align-items:center;gap:8px;padding:13px 21px;font-weight:600;display:flex}.cta-btn:hover{background:var(--primary-hover)}#searchOverlay{padding:28px 0 40px;display:none}#noResults{text-align:center;padding:45px 16px;display:none}#explore-tools{scroll-margin-top:100px}@keyframes workspace-float{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-10px)}}@media (width>=1051px){.header-inner{gap:18px!important}}@media (width<=1100px){.hero-container{gap:25px}.workspace-preview{width:300px}.visual-orbit{width:340px;height:340px}.hero-features{grid-template-columns:repeat(2,1fr);gap:14px}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.note-done{right:0}.note-fast{left:0}}@media (width<=800px){.hero-section{padding:32px 0}.hero-container{grid-template-columns:1fr;gap:20px}.hero-content{width:100%;max-width:600px;margin:auto}.hero-title-ui{font-size:45px}.hero-visual{width:100%;max-width:420px;min-height:370px;margin:auto}.workspace-preview{width:310px}.hero-features{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sec-title h2{font-size:21px}.cta-banner{flex-direction:column;align-items:flex-start;padding:24px}.footer .container>div{gap:28px!important}}@media (width<=480px){.hero-title-ui{letter-spacing:-1.5px;font-size:38px}.hero-badge-ui{font-size:var(--font-caption)}.hero-subtitle-ui{font-size:var(--font-description)}.hero-features{grid-template-columns:repeat(2,1fr);gap:15px}.hero-visual{min-height:340px}.workspace-preview{width:260px;padding:16px}.preview-tile{padding:14px 5px}.preview-heading{font-size:18px}.visual-orbit{width:290px;height:290px}.note-done{padding:10px;bottom:0}.note-fast{font-size:var(--font-caption);top:0}.grid-4{gap:10px}.ui-card{border-radius:15px;gap:13px;padding:16px}.c-title{font-size:var(--font-caption)}.c-arrow{top:24px;right:13px}.c-desc{font-size:var(--font-caption)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-header{gap:10px}.sec-title p,.sec-link{font-size:var(--font-caption)}.cta-left{align-items:flex-start;gap:12px}.cta-text h3{font-size:16px}.cta-banner{margin-bottom:30px}.hero-search-input-ui{font-size:var(--font-caption)}.footer .container>div>div{flex-basis:100%!important}.tool-header{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.brand-logo{object-fit:contain;flex-shrink:0;width:192px;max-width:none;height:auto;display:block}.header-brand{flex:0 0 192px;width:192px}.header .nav-link{padding:10px 9px;font-size:16px}.header .mega-title{font-size:var(--font-body);line-height:1.5}.header .mega-item{min-height:44px}.header .nav-icon-btn{border-radius:12px;flex-shrink:0;width:44px;height:44px}.header .mobile-cat-title{margin-top:24px;font-size:17px}.header .mobile-cat-links a{min-height:48px;padding:12px 4px;font-size:16px;line-height:1.5}.header .mobile-menu-content{width:min(360px,92vw);right:min(-360px,-92vw)}.header .mobile-menu-overlay.active .mobile-menu-content{right:0}.header .mobile-menu-header{padding:max(12px, env(safe-area-inset-top)) 16px 12px}.header .mobile-menu-footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}.header .mobile-menu-body{overscroll-behavior:contain}@media (width>=1051px) and (width<=1190px){.header .hide-on-mobile{display:none!important}.header .show-on-mobile{display:flex!important}}@media (width<=800px){.header-inner{height:72px;gap:12px!important}.header-brand{flex-basis:174px;width:174px}.header .brand-logo{width:174px;height:auto}.main-content{padding-top:20px}.hero-section{margin-top:0;padding:20px 0 24px}.hero-badge-ui{font-size:var(--font-caption);margin-bottom:18px}.hero-title-ui{font-size:clamp(32px,8.5vw,44px);line-height:1.2}.hero-subtitle-ui{font-size:var(--font-body);margin-bottom:22px}.hero-search-input-ui{height:46px;font-size:16px}.hero-keywords{font-size:var(--font-caption);gap:8px;margin-bottom:22px}.hero-keywords a{min-height:36px;padding:8px 10px}.hero-keywords>span{width:100%}.hero-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.h-feature-text h4{font-size:var(--font-ui)}.h-feature-text p{font-size:var(--font-caption)}.hero-visual{height:260px;min-height:260px;overflow:hidden}.workspace-preview{width:290px;padding:16px;animation:none;transform:rotate(-3deg)}.preview-heading{padding:12px 0;font-size:18px}.preview-tile{gap:6px;padding:10px 4px}.preview-tile svg{width:22px;height:22px}.preview-bottom,.floating-note,.visual-spark{display:none}.visual-orbit{width:260px;height:260px}.hp-section{padding:22px 0;scroll-margin-top:90px}.sec-header{align-items:flex-start;gap:12px}.sec-title h2{font-size:22px}.sec-title p{font-size:var(--font-description);line-height:1.6}.sec-link{font-size:var(--font-ui);min-height:44px}.grid-4{grid-template-columns:minmax(0,1fr);gap:12px}.ui-card{flex-wrap:nowrap;align-items:center;gap:14px;padding:18px 16px}.c-info{flex:1;width:auto;padding-right:20px}.c-title{overflow-wrap:anywhere;margin-bottom:5px;font-size:16px}.c-desc{font-size:var(--font-ui);color:#64748b}.c-arrow{top:50%;right:14px;transform:translateY(-50%)}.ui-card:hover .c-arrow{transform:translate(3px,-50%)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid .ui-card{flex-direction:column;align-items:flex-start;padding:16px}.category-grid .c-info{width:100%;padding:0}.category-grid .c-title{font-size:var(--font-description)}.category-grid .c-desc{font-size:var(--font-caption)}.cta-banner{gap:20px;padding:22px}.cta-text h3{font-size:18px}.cta-text p{font-size:var(--font-description)}.cta-btn{width:100%;min-height:48px;font-size:var(--font-body);justify-content:center}.footer .form-control,.tool-shell input.form-control,.tool-shell select.form-control{min-height:44px;font-size:16px}.footer form textarea{font-size:16px!important}.tool-shell .btn{min-height:44px}.tool-shell .split-grid{grid-template-columns:minmax(0,1fr)}#explore-tools{scroll-margin-top:90px}}@media (width<=360px){.hero-badge-ui{font-size:var(--font-caption)}.hero-visual{height:230px;min-height:230px}.workspace-preview{width:250px}.sec-header{flex-wrap:wrap}.cta-left{flex-direction:column}}@media (width<=800px){.container,.main-content.container{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.home-wrapper,.hero-container,.hero-content,.tool-shell{min-width:0}.hero-search-btn-ui,.hero-search-icon-ui{flex-shrink:0}}@media (width>=600px) and (width<=800px){.container,.main-content.container{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}}:root{--bg-subtle:#f3f4f6;--bg-muted:#f9fafb;--text-secondary:#49605d;--text-muted:#687e79}.hero-content{container-type:inline-size}.hero-title-ui{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(40px,10cqi,56px);font-weight:700;line-height:1.15}.hero-title-ui .brand-phrase{white-space:nowrap;color:var(--primary);padding-bottom:.18em;display:inline-block}.hero-title-ui .brand-word{color:inherit;display:inline-block;position:relative}.hero-title-ui .brand-blade{pointer-events:none;width:108%;max-width:none;height:.2em;position:absolute;bottom:-.13em;left:-3%}.hero-title-ui .slogan-line{white-space:normal;color:var(--text-mid);letter-spacing:-.025em;text-wrap:balance;margin-top:8px;font-size:clamp(24px,6cqi,34px);font-weight:600;line-height:1.3;display:block}.hero-title-ui .brand-phrase:after,.hero-title-ui .brand-word:after,.hero-title-ui .slogan-line:after{content:none}:root{--text-high:#123b35;--text-main:#123b35;--text-mid:#354e47;--text-low:#52665f;--text-muted:#52665f;--text-xlow:#65766f;--border:#d3e1da}.header{background:#fff;box-shadow:0 2px 12px #123b350f}.header .nav-link{color:#354e47;font-weight:650}.header .mega-title,.header .mobile-cat-links a{color:#354e47}.sec-title h2{color:#123b35;font-size:25px;font-weight:750}.sec-title p{font-size:var(--font-body);color:#52665f}.sec-link{font-size:var(--font-description);color:#05665d}.ui-card{border-color:#d3e1da;box-shadow:0 3px 10px #123b3509}.ui-card:hover{border-color:#087f73;box-shadow:0 8px 24px #087f731a}.c-title{color:#123b35;font-size:16px;font-weight:700}.c-desc{font-size:var(--font-description);color:#52665f;line-height:1.65}.c-arrow{color:#5e7c70}.category-grid .c-title{font-size:var(--font-description);font-weight:700}.category-grid .c-desc{font-size:var(--font-ui);color:#52665f}.c-icon svg,.preview-tile svg{stroke-width:2.2px}.bg-pdf{color:#b94b2d;background:#ffebe5}.bg-text{color:#345bc1;background:#e5edff}.bg-image{color:#237340;background:#e1f3e6}.bg-qr{color:#087f73;background:#def3ef}.bg-dev{color:#a95b06;background:#fff0d9}.bg-utils{color:#7044ad;background:#eee7fb}.bg-video{color:#4e50ad;background:#e8eafd}.bg-other{color:#436555;background:#e8efeb}.hero-subtitle-ui,.hero-keywords,.h-feature-text p{color:#52665f}.hero-keywords,.h-feature-text h4{font-size:var(--font-ui)}.h-feature-text p{font-size:var(--font-caption)}.cta-text p,.preview-bottom,.preview-top{color:#52665f}.brand-logo{width:210px;height:auto}.header-brand{flex-basis:210px;width:210px}@media (width<=800px){.header-brand{flex-basis:184px;width:184px}.header .brand-logo{width:184px;height:auto}.sec-title h2{font-size:23px}.sec-title p{font-size:var(--font-description)}.c-title{font-size:16px}.c-desc{font-size:var(--font-description)}.category-grid .c-title{font-size:var(--font-body)}.category-grid .c-desc{font-size:var(--font-ui)}}.main-content.container:has(.tool-shell-compact){padding-top:20px}.tool-shell-compact>.card{padding:20px}.tool-shell-compact textarea.form-control{resize:vertical;height:clamp(130px,24vh,220px);min-height:100px}@media (width<=600px),(height<=750px){.main-content.container:has(.tool-shell-compact){padding-top:14px}.tool-shell-compact>.card{padding:16px}}.tool-shell>nav[aria-label=breadcrumb]{margin-bottom:14px}.tool-shell>nav[aria-label=breadcrumb]>ol{flex-wrap:wrap;row-gap:8px;max-width:100%;line-height:1.6;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.tool-shell .tool-header{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #dce7e1;border-radius:0;flex-direction:row;align-items:flex-start;gap:14px;margin-bottom:20px;padding:4px 0 18px;display:flex}.tool-shell .tool-header:after{content:none}.tool-shell .tool-header-icon{width:42px;height:42px;box-shadow:none;border:0;border-radius:12px}.tool-shell .tool-header-icon svg{stroke-width:1.8px;width:23px;height:23px}.tool-shell .tool-header .text-h1{letter-spacing:-.025em;color:#123b35;overflow-wrap:anywhere;margin:0 0 5px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.25}.tool-shell .tool-header .text-h3{max-width:680px;font-size:var(--font-description);color:#526b63;margin:0;font-weight:400;line-height:1.55}.tool-shell .tool-header-meta{gap:8px;margin-top:8px}.tool-shell .tool-meta-badge{color:#49655b;font-size:var(--font-caption);letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:0;gap:7px;padding:0;font-weight:500;line-height:1.5}.tool-shell .tool-meta-badge:before{content:"";opacity:.65;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tool-shell .tool-meta-badge.badge-free{color:#08745e;background:0 0}.tool-shell .tool-meta-badge.badge-secure{color:#426287;background:0 0}.tool-shell>.card{border-color:#dce7e1;border-radius:24px;box-shadow:0 8px 32px #123b3509}@media (width<=600px){.tool-shell .tool-header{border-radius:0;flex-direction:row;gap:12px;margin-bottom:16px;padding:2px 0 16px}.tool-shell .tool-header-icon{border-radius:10px;width:36px;height:36px}.tool-shell .tool-header-icon svg{width:20px;height:20px}.tool-shell .tool-header .text-h1{letter-spacing:-.025em;font-size:20px}.tool-shell .tool-header .text-h3{font-size:var(--font-ui)}.tool-shell .tool-header-meta{margin-top:8px}.tool-shell .tool-meta-badge{font-size:var(--font-caption);padding:0}.tool-shell>.card{border-radius:20px}}.tool-shell-compact .card{border-radius:16px}.tool-shell-compact .card>.mb-6,.tool-shell-compact .card>.mb-8{margin-bottom:14px}.tool-shell-compact .form-group{margin-bottom:12px}.tool-shell-compact .form-label{font-size:var(--font-ui)}.tool-shell-compact .btn{min-height:44px}.tool-shell-compact .card>.flex{flex-wrap:wrap}.tool-shell-compact .split-grid{gap:16px}.tool-shell-compact .split-grid>*,.tool-shell-compact .flex-1{min-width:0}.tool-counter .stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.tool-counter .stat-card{box-shadow:none;padding:10px 6px}.tool-counter .stat-number{font-size:22px;line-height:1.2}.tool-counter .stat-label{font-size:var(--font-caption);line-height:1.4}.tool-case .card>.grid{margin:12px 0;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.tool-case .case-btn{white-space:normal}.tool-hash #hashResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool-hash #hashResults>div{border:1px solid var(--border);background:#f7faf8;border-radius:12px;min-width:0;padding:12px}.tool-hash #inputTxt{height:clamp(100px,16vh,150px)}.tool-regex #matchResults{overflow-wrap:anywhere;max-height:180px;overflow:auto}.regex-workspace .regex-intro{margin-bottom:24px}.regex-workspace .regex-intro h2{margin-bottom:6px;font-size:1.25rem}.regex-workspace .regex-intro p{font-size:var(--font-description);color:var(--text-low)}.regex-step{border-top:1px solid var(--border);padding:20px 0}.regex-workspace [hidden]{display:none!important}.regex-simple .tool-tabs{margin-bottom:16px}.regex-simple .tool-panel-heading{margin-bottom:6px}.regex-simple-field{margin-top:16px}.regex-manual-row{align-items:flex-end;gap:12px;display:flex}.regex-flags-field{flex-shrink:0;width:100px}.regex-simple-output{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.regex-simple .regex-options{margin-top:10px}.regex-simple .regex-match-summary{background:0 0;margin-top:10px;padding:0}.tool-regex .regex-simple textarea.form-control{height:140px;min-height:100px}.regex-step:last-child{padding-bottom:0}.regex-step-heading{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.regex-step-heading>div{flex:1;min-width:0}.regex-step-heading h3{margin-bottom:4px;font-size:1rem}.regex-step-heading p{font-size:var(--font-ui);color:var(--text-low)}.regex-step-number{background:var(--primary-subtle);width:28px;height:28px;color:var(--primary);font-size:var(--font-ui);border-radius:50%;flex:0 0 28px;place-items:center;font-weight:700;display:grid}.regex-search-row,.regex-expression-row{align-items:center;gap:10px;display:flex}.regex-search-row .form-control,.regex-expression-row .form-control{flex:1;min-width:0}.regex-search-row .btn{flex-shrink:0}.regex-literal{border:1px solid var(--primary-border);border-radius:var(--r-md);background:var(--primary-subtle);min-width:0;color:var(--text-high);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-description);direction:ltr;flex:1;padding:12px 14px;line-height:1.6;display:block}.regex-options{flex-wrap:wrap;gap:12px 24px;margin-top:14px;display:flex}.regex-options label{font-size:var(--font-description);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.regex-options input{width:16px;height:16px;accent-color:var(--primary)}.regex-status:empty{display:none}.regex-status{font-size:var(--font-ui);color:var(--text-low);margin-top:12px}.regex-advanced{font-size:var(--font-ui);margin-top:14px}.regex-advanced summary{cursor:pointer;color:var(--text-mid);padding:6px 0}.regex-advanced .form-control{max-width:180px}.regex-advanced p{color:var(--text-low);margin-top:6px}.regex-match-summary{border-radius:var(--r-md);background:var(--primary-subtle);color:var(--text-high);font-size:var(--font-description);margin-top:18px;padding:12px 14px}.regex-match-details{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-top:12px!important}.regex-match-details h4{font-size:var(--font-description);margin-bottom:10px}.regex-match-details pre{white-space:pre-wrap;margin:0}.regex-result-step #errorArea{margin-top:14px}@media (width<=600px){.regex-search-row{flex-direction:column;align-items:stretch}.regex-search-row .btn{width:100%}.regex-step-heading{gap:8px}.regex-step-heading p{line-height:1.5}}.tool-regex #matchResults{min-width:0;margin-top:0}.tool-color .color-workspace{grid-template-columns:minmax(100px,.65fr) minmax(0,2fr);align-items:center;gap:24px;display:grid}.tool-color .color-fields{gap:12px;min-width:0;display:grid}.tool-color #colorPreview{height:150px;aspect-ratio:auto!important}.tool-color #colorPicker{height:40px!important}.tool-encoding .encode-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.tool-encoding .encode-panel{border-radius:14px;min-width:0}.tool-encoding .encode-textarea{flex:auto;height:clamp(140px,27vh,250px);min-height:100px}.tool-encoding .encode-actions{gap:8px}.tool-encoding .btn-copy-small{min-height:32px}.tool-encoding .tool-tab{white-space:normal}.tool-timestamp .timestamp-now{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex}.tool-timestamp .timestamp-now p{text-align:left;margin-bottom:0}.tool-timestamp #currentTs{font-size:24px}.tool-timestamp .timestamp-conversions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-timestamp .timestamp-conversions>*{min-width:0}.tool-timestamp .timestamp-conversions .flex{flex-wrap:wrap}.tool-timestamp .timestamp-conversions .form-control{flex:1;min-width:160px}.tool-diff .diff-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px;display:grid}.tool-diff .diff-inputs>div{min-width:0;padding:12px!important}.tool-diff .diff-inputs textarea{height:clamp(100px,18vh,180px);min-height:100px!important}.tool-diff .diff-actions{flex-wrap:wrap;gap:8px}.tool-diff #resultArea:not(.result-fullscreen){margin-top:14px!important;padding-top:14px!important}.tool-diff #resultArea:not(.result-fullscreen) #diffOutput{overflow-wrap:anywhere;min-height:100px!important;max-height:clamp(120px,22vh,240px)!important;padding:12px!important}.tool-text-pair .card>.flex{grid-template-columns:minmax(0,1fr) minmax(140px,auto) minmax(0,1fr);gap:16px;display:grid}.tool-text-pair .card>.flex>.flex-col{padding:0;min-width:0!important}@media (width<=800px){.tool-counter .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-case .card>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tool-text-pair .card>.flex{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-text-pair .card>.flex>.flex-col{flex-flow:wrap;grid-area:2/1/auto/-1;gap:8px}.tool-text-pair .card>.flex>.flex-col>.btn{width:auto!important}}@media (width<=600px){.tool-shell-compact .btn{min-height:44px}.tool-hash #hashResults,.tool-timestamp .timestamp-conversions{grid-template-columns:minmax(0,1fr)}.tool-regex .card:has(#matchResults:not([style*=display\:none]):not([style*="display: none"])){grid-template-columns:minmax(0,1fr)}.tool-color .color-workspace{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:14px}.tool-color #colorPreview{height:90px}.tool-timestamp .timestamp-now{flex-wrap:wrap;padding:12px}.tool-encoding .encode-grid{grid-template-columns:minmax(0,1fr);gap:10px}.tool-encoding .encode-actions{flex-flow:wrap;justify-content:flex-start;padding:0}.tool-encoding .encode-textarea{height:120px}.tool-encoding .encode-panel-header{flex-wrap:wrap;gap:6px;padding:8px 12px}.tool-encoding .btn-copy-small{min-height:44px}.tool-diff .diff-inputs{grid-template-columns:minmax(0,1fr);gap:10px}.tool-text-pair .card>.flex{grid-template-columns:minmax(0,1fr)}.tool-shell-compact .form-label.flex{flex-wrap:wrap;gap:6px}}.tool-shell .btn.btn-copy-icon{background:var(--bg-surface);border:1px solid var(--border-mid);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-mid);box-shadow:none;flex:0 0 40px;padding:9px}.tool-shell .btn.btn-copy-icon:hover:not(:disabled){background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}.tool-shell .btn.btn-copy-icon svg{pointer-events:none;width:18px;height:18px}.regex-builder{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-muted);padding:18px}.regex-builder h2,.timestamp-panel-title{margin-bottom:8px;font-size:1rem}.regex-builder-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.regex-builder-actions label{font-size:var(--font-description);align-items:center;gap:8px;display:inline-flex}.regex-builder-actions .btn{margin-left:auto}.tool-timestamp .timestamp-conversions>div{border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}.tool-timestamp .timestamp-conversions .timestamp-unit{flex:0 auto;width:auto;min-width:130px}.timestamp-result{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-md);overflow-wrap:anywhere;padding:14px}.timestamp-result .font-bold{font-family:JetBrains Mono,Consolas,monospace;font-size:1rem}.tool-timestamp .timestamp-now{background:var(--primary-subtle);border-color:var(--primary-border)}.tool-shell .btn{border-radius:var(--r-md);white-space:normal;text-align:center;min-height:44px;font-weight:600}.tool-shell .btn-sm{min-height:36px}.tool-shell .btn-icon{flex-shrink:0;min-width:36px}.tool-shell .btn[hidden]{display:none}.tool-shell .form-label:has(.btn){flex-wrap:wrap;gap:8px}.tool-shell .split-grid>*,.tool-text-pair .card>.flex>*{min-width:0}.tool-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;display:flex}.tool-panel-heading .form-label{margin:0}.tool-panel-heading select.form-control{width:auto;max-width:100%;min-height:36px}.tool-font-converter textarea{width:100%}.tool-shell .tool-tab,.tool-shell .qr-tab-btn{border-radius:var(--r-md);min-height:44px;font-family:inherit}.tool-shell .tool-tab:focus-visible,.tool-shell .qr-tab-btn:focus-visible{outline:3px solid var(--primary-border);outline-offset:2px}@media (width<=600px),(pointer:coarse){.tool-shell .btn.btn-copy-icon{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.tool-shell .btn-sm,.tool-panel-heading select.form-control{min-height:44px}.tool-shell .btn-icon{min-width:44px}.tool-shell .flex:has(>.btn){flex-wrap:wrap}}.tool-csv-json>.csv-json-workspace{border-radius:12px;padding:0;overflow:hidden}.csv-json-toolbar{border-bottom:1px solid var(--border);background:var(--bg-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.csv-json-toolbar-hint{font-size:var(--font-caption);color:var(--text-low)}.csv-json-actions{flex-shrink:0;gap:8px;display:flex}.tool-csv-json .csv-json-actions .btn{min-height:36px;font-size:var(--font-ui);padding:6px 12px}.csv-json-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.csv-json-panel{background:var(--bg-surface);min-width:0}.csv-json-panel+.csv-json-panel{border-left:1px solid var(--border)}.csv-json-panel .tool-panel-heading{min-height:36px;margin-bottom:0;padding:8px 14px 0}.csv-json-panel .form-label{font-size:var(--font-caption);letter-spacing:.04em;color:var(--text-low);font-weight:600}.tool-csv-json .csv-json-panel .btn.btn-copy-icon{background:0 0;border-color:#0000;flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px;padding:7px}.tool-csv-json .csv-json-panel .btn.btn-copy-icon:hover{background:var(--primary-subtle);color:var(--primary)}.tool-csv-json .csv-json-panel textarea.form-control{height:clamp(160px,24vh,240px);min-height:120px;line-height:1.6;font-size:var(--font-ui);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;padding:10px 14px 14px}.tool-csv-json .csv-json-panel textarea.form-control:focus{box-shadow:inset 0 -2px 0 var(--primary-border)}.tool-csv-json #errorArea{overflow-wrap:anywhere;margin:10px 14px}@media (width<=600px){.csv-json-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.csv-json-toolbar-hint{font-size:var(--font-caption)}.csv-json-actions{width:100%}.tool-csv-json .csv-json-actions .btn{min-height:44px;font-size:var(--font-description);flex:1}.csv-json-grid{grid-template-columns:minmax(0,1fr)}.csv-json-panel+.csv-json-panel{border-left:0;border-top:1px solid var(--border)}.csv-json-panel .tool-panel-heading{padding:4px 12px 0}.tool-csv-json .csv-json-panel .btn.btn-copy-icon{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.tool-csv-json .csv-json-panel textarea.form-control{height:clamp(120px,22svh,180px);min-height:100px;padding:8px 12px 12px;font-size:16px}.tool-regex>.tool-header{gap:12px;padding:16px}.tool-regex .tool-header-text{min-width:0}.tool-regex .tool-header .text-h1{overflow-wrap:anywhere;font-size:22px;line-height:1.3}.tool-regex .tool-header .text-h3{font-size:var(--font-description);line-height:1.5}.tool-regex>.regex-simple{border-radius:14px;padding:16px}.regex-simple .tool-tabs{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:4px;display:grid;overflow:visible}.regex-simple .tool-tab{min-width:0;min-height:44px;font-size:var(--font-description);white-space:normal;border:0;border-radius:8px;margin:0;padding:8px 6px;line-height:1.4}.regex-simple .tool-tab.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-xs)}.tool-regex .regex-simple .form-control{min-width:0;font-size:16px}.tool-regex .regex-simple textarea.form-control{height:clamp(120px,24svh,180px);min-height:120px;line-height:1.5}.regex-simple .regex-manual-row{grid-template-columns:minmax(0,1fr) 68px;gap:8px;display:grid}.regex-simple .regex-flags-field{width:auto;min-width:0}.regex-simple .regex-flags-field input{padding-left:8px;padding-right:8px}.regex-simple .regex-search-row{gap:10px}.regex-simple #generateRegexBtn{min-height:48px;font-size:var(--font-body)}.regex-simple .regex-options{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.regex-simple .regex-options label{background:var(--bg-muted);border-radius:8px;gap:10px;min-height:44px;padding:8px 10px}.regex-simple .regex-options input{flex-shrink:0;width:20px;height:20px}.regex-simple .regex-simple-output{margin-top:16px;padding-top:14px}.regex-simple .regex-expression-row{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px;display:grid}.regex-simple .regex-literal{min-height:44px;font-size:var(--font-description);padding:10px}.regex-simple .regex-match-summary{overflow-wrap:anywhere;line-height:1.5}.tool-regex .regex-simple #matchResults{overscroll-behavior:contain;max-height:clamp(160px,32svh,320px);padding:10px}.regex-simple #resultsPre{overflow-wrap:anywhere;line-height:1.6}}@media (width<=360px){.tool-regex>.regex-simple{padding:12px}.tool-regex .tool-header .text-h1{font-size:20px}.regex-simple .tool-tab{font-size:var(--font-ui)}}#imageWorkspace>.tool-header{gap:14px;margin-bottom:16px;padding:16px 20px}#imageWorkspace .tool-header .text-h1{font-size:clamp(22px,2.4vw,28px)}#imageWorkspace .tool-header .text-h3{font-size:var(--font-description);margin-top:4px}#imageWorkspace .tool-header-meta{margin-top:8px}#imageWorkspace>.card{padding:20px}#imageWorkspace .dropzone{padding:24px 16px}#imageWorkspace .dropzone-icon{width:48px;height:48px;margin-bottom:10px}#imageWorkspace .dropzone-sub{max-width:560px;margin-inline:auto}#imageWorkspace #imageStatus{overflow-wrap:anywhere;margin-top:10px}#imageWorkspace #imageStatus:empty{display:none}.image-queue-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex}#imageWorkspace .image-queue-bar .form-control{flex-basis:180px!important;min-width:120px!important}.image-editor-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.image-settings-panel,.image-preview-panel{min-width:0}.image-settings-panel{border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;padding:14px}.image-panel-title{font-size:var(--font-description);margin:0 0 12px;font-weight:700}#imageWorkspace #imageControls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#imageWorkspace #imageControls>div{min-width:0}#imageWorkspace .form-label{font-size:var(--font-ui);margin-bottom:5px}#imageWorkspace .form-control{min-height:40px;padding:8px 10px}#imageWorkspace input[type=range]{width:100%;accent-color:var(--primary)}#imageWorkspace input[type=color]{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:6px;width:100%;height:36px}#imageWorkspace .btn{min-height:40px;font-size:var(--font-ui);padding:8px 12px}#imageWorkspace [data-control=rotate]{flex-wrap:wrap;gap:8px}#imageWorkspace .btn[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}#imageWorkspace #imageExportActions{border-top:1px solid var(--border);gap:8px;padding-top:12px}#imageWorkspace #imageExport{width:100%}#imageWorkspace #imageMetadata{font-size:var(--font-caption);overflow-wrap:anywhere;margin-bottom:10px}.image-preview-stage{border:1px solid var(--border);background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:10px;display:flex;overflow:hidden}#imageWorkspace #imageCanvas{width:auto;max-width:100%;height:auto;max-height:min(46svh,420px);display:block}#imageWorkspace[data-mode=image-crop] #imageCanvas,#imageWorkspace[data-mode=image-watermark] #imageCanvas,#imageWorkspace[data-mode=image-color-picker] #imageCanvas{cursor:crosshair}#imageWorkspace #imagePreviewNote{font-size:var(--font-caption);margin-top:10px;line-height:1.5}#imageWorkspace #imageResults{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}#imageWorkspace #imageResults .text-h2{margin-bottom:12px;font-size:17px}#imageWorkspace #imageResultList{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}#imageWorkspace #imageResultList>div{background:var(--bg-muted);min-width:0;padding:12px!important}#imageWorkspace #imageResultList img{border-radius:8px;height:140px!important}#imageWorkspace #imageResultList summary{cursor:pointer;font-size:var(--font-ui)}#imageWorkspace :is(button,input,select,summary,[role=button]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=760px){#imageWorkspace>.tool-header,#imageWorkspace>.card{padding:14px}.image-editor-grid{grid-template-columns:minmax(0,1fr);gap:16px}.image-queue-bar>label{width:100%}#imageWorkspace .image-queue-bar .form-control{flex-basis:100%!important}#imageWorkspace .image-queue-bar .btn{flex:1}#imageWorkspace .btn{min-height:44px}#imageWorkspace .form-control{min-height:44px;font-size:16px}#imageWorkspace #imageCanvas{max-height:32svh}#imageWorkspace #imageExportActions>.btn{flex:130px}#imageWorkspace #imageExportActions>#imageExport{flex-basis:100%}}.tool-page .main-content{padding-top:16px;padding-bottom:24px}.tool-page .tool-shell>nav[aria-label=breadcrumb]{font-size:var(--font-caption);margin-bottom:10px}.tool-page .tool-shell .tool-header,.tool-page #imageWorkspace>.tool-header{gap:12px;margin-bottom:14px;padding:0 0 12px}.tool-page .tool-shell .tool-header-icon{border-radius:8px;width:36px;height:36px}.tool-page .tool-shell .tool-header .text-h1{margin-bottom:3px;font-size:clamp(20px,2vw,24px)}.tool-page .tool-shell .tool-header .text-h3{font-size:var(--font-ui);margin-top:0;line-height:1.5}.tool-page .tool-shell .tool-header-meta{gap:6px;margin-top:6px}.tool-page .tool-meta-badge{font-size:var(--font-caption);letter-spacing:0;text-transform:none}.tool-page .tool-shell>.card{margin-bottom:16px;padding:20px}.tool-page .tool-shell .btn{min-height:44px;font-size:var(--font-ui);gap:8px;padding:10px 14px}.tool-page .tool-shell .btn.btn-copy-icon{flex-basis:44px;width:44px;min-width:44px;height:44px;padding:12px}.tool-page .tool-shell .btn.btn-lg{min-height:44px;padding:10px 16px}.tool-page .tool-shell .form-control{min-width:0;min-height:44px;font-size:var(--font-description);padding:10px 12px}.tool-page .tool-shell .form-label{font-size:var(--font-ui);margin-bottom:8px;line-height:1.5}.tool-page .tool-shell .form-group{margin-bottom:16px}.tool-page .tool-shell .form-group:last-child{margin-bottom:0}.tool-page .tool-shell .flex:has(>.btn){flex-wrap:wrap;gap:8px}.tool-page .tool-shell .dropzone-title{font-size:var(--font-description)}.tool-page .tool-shell .dropzone-sub{margin-bottom:8px;line-height:1.5}.tool-page .tool-shell .dropzone-sub:last-child{margin-bottom:0}.tool-page .tool-shell .settings-panel-body{gap:16px;padding:16px}.tool-page .tool-shell .result-header{padding:10px 12px}.tool-page .tool-shell .result-body{padding:12px}.tool-page .tool-shell .result-area{margin-top:12px}.tool-page .tool-shell .text-h2{font-size:16px}.tool-page .tool-shell :is(#editorArea,#configArea,#fileListArea,#resultArea).mt-6{margin-top:16px}.tool-page .tool-shell :is(#editorArea,#configArea) .form-group{margin-bottom:16px}.tool-page .tool-shell :is(#fileList,#fileNameList){scrollbar-gutter:stable;max-height:36svh;overflow:auto}.tool-page .tool-shell :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.practical-workspace [hidden],.pdf-editor-workspace [hidden],.pdf-preview-panel[hidden]{display:none!important}.practical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.practical-grid>*{min-width:0}.practical-actions,.workspace-action-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.practical-workspace .practical-actions{margin-block:16px}.practical-workspace .practical-actions:first-child{margin-top:0}.practical-workspace .practical-actions:last-child{margin-bottom:0}.practical-workspace .workspace-page-grid .practical-actions{margin-block:8px 0}.workspace-results{border-top:1px solid var(--border);min-width:0;margin-top:20px;padding-top:20px}.practical-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:12px 0;display:grid}.practical-stat{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-muted);font-size:var(--font-caption);padding:10px 12px}.practical-stat strong{overflow-wrap:anywhere;font-size:20px;display:block}.practical-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-caption)}.practical-table th,.practical-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;min-width:100px;max-width:300px;padding:8px 10px}.practical-table th{z-index:1;background:var(--bg-subtle);position:sticky;top:0}.practical-note{color:var(--text-muted);font-size:var(--font-caption);overflow-wrap:anywhere;margin:8px 0;line-height:1.5}.practical-note:empty{display:none}.practical-workspace input[type=range]{width:100%;accent-color:var(--primary)}.workspace-editor-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.workspace-settings-panel,.workspace-preview-panel,.pdf-settings-panel{min-width:0}.workspace-panel-title{font-size:var(--font-description);margin-bottom:16px}.workspace-primary-action{margin:12px 0}.workspace-action-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);margin-bottom:16px;padding:12px 0}.workspace-details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-muted);font-size:var(--font-ui);margin-top:16px;padding:14px}.workspace-details summary{cursor:pointer;font-weight:500}.workspace-details[open] summary{margin-bottom:14px}.workspace-input-details{margin-top:0}.image-live-preview>summary{font-size:var(--font-description);cursor:pointer;padding:4px 0 10px;font-weight:600}.image-advanced-settings{background:var(--bg-surface);grid-column:1/-1;margin-top:0}.image-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.image-advanced-grid>div{min-width:0}.image-advanced-grid [data-control=target],.image-advanced-grid [data-control=naming]{grid-column:1/-1}.workspace-table-scroll{border:1px solid var(--border);border-radius:var(--r-md);scrollbar-gutter:stable;max-height:52svh;overflow:auto}.workspace-page-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52svh;margin-top:12px;padding:2px;display:grid;overflow:auto}.workspace-page-grid:empty{display:none}.workspace-page-grid .practical-actions{gap:4px}.tool-page .workspace-page-grid .btn{flex:1;padding:6px}.workspace-page-grid img{object-fit:contain;max-height:120px}.photo-preview-stage{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-muted);justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex}#photoCanvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:48svh;display:block}.tool-page .practical-workspace textarea.form-control{resize:vertical;height:clamp(120px,24svh,200px);min-height:100px}.tool-page #pdfTextOutput{height:48svh;min-height:180px}.pdf-preview-panel{min-width:0;margin-top:12px}.pdf-preview-toolbar{font-size:var(--font-caption);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pdf-preview-toolbar>strong{font-size:var(--font-description);flex-basis:100%;margin-bottom:4px}.pdf-preview-toolbar #pdfPage{width:64px}.pdf-preview-toolbar #pdfPrevious,.pdf-preview-toolbar #pdfNext{min-width:38px;padding:6px}.pdf-preview-stage{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-muted);justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:auto}#pdfCanvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:52svh;box-shadow:var(--shadow-sm);display:block}.pdf-settings-panel>#resultArea{padding:14px!important}.pdf-settings-panel>:is(#editorArea,#configArea,#fileListArea){margin-top:0}.pdf-settings-panel>#resultArea .btn{margin-top:10px}.tool-page #imageWorkspace .image-queue-bar{gap:10px;margin-bottom:0;padding-bottom:16px}.tool-page #imageWorkspace #imageExportActions{z-index:10;border-top:0;width:100%;padding:12px 0;position:sticky;top:88px}.tool-page #imageWorkspace #imageExport{flex:0 auto;width:auto}.tool-page #imageWorkspace .image-editor-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px}.tool-page #imageWorkspace .image-settings-panel{border-radius:var(--r-lg);padding:16px}.tool-page #imageWorkspace #imageControls{gap:16px;margin-bottom:0}:is(.tool-page #imageWorkspace #imageControls>div:has(select),.tool-page #imageWorkspace #imageControls>div:has(input[type=checkbox])){grid-column:1/-1}.tool-page #imageWorkspace #imageCanvas{max-height:42svh}.tool-page #imageWorkspace .image-preview-stage{border-radius:var(--r-lg);min-height:140px}.tool-page #imageWorkspace #imageResults{margin-top:12px;padding-top:12px}.tool-page #imageWorkspace #imageResults .workspace-action-bar{z-index:2;padding-top:0;position:sticky;top:0}.tool-page #imageWorkspace #imageResults .text-h2{font-size:var(--font-description);flex:180px;margin-bottom:0}.tool-page #imageWorkspace #imageResultList{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}.tool-page #imageWorkspace #imageResultList img{height:120px!important}.tool-page #imageWorkspace #imageResultList .mb-4{margin-bottom:10px}@media (width>=901px){.workspace-editor-grid:has(>.workspace-preview-panel:not([hidden])){grid-template-columns:minmax(0,340px) minmax(0,1fr)}#csvWorkspace .workspace-editor-grid:not(:has(#csvPreview:not([hidden]))){grid-template-columns:minmax(0,1fr)}#csvWorkspace .workspace-editor-grid:not(:has(#csvPreview:not([hidden])))>.workspace-preview-panel{display:none}.workspace-editor-grid:has(>.workspace-preview-panel:not([hidden]))>.workspace-settings-panel{border-right:1px solid var(--border);padding-right:16px}.workspace-editor-grid:has(>.workspace-preview-panel:not([hidden]))>.workspace-settings-panel .practical-grid{grid-template-columns:minmax(0,1fr)}.workspace-preview-panel{position:sticky;top:88px}.pdf-editor-workspace:has(>.pdf-preview-panel:not([hidden])){grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.pdf-editor-workspace>.pdf-preview-panel{margin-top:0;position:sticky;top:88px}.tool-page #imageWorkspace :is(.image-settings-panel,.image-preview-panel){scrollbar-gutter:stable}}@media (width<=900px){.tool-page #imageWorkspace .image-editor-grid{grid-template-columns:minmax(0,1fr);gap:12px}.tool-page #imageWorkspace .image-preview-panel{grid-row:1}.tool-page #imageWorkspace #imageCanvas{max-height:30svh}.tool-page #imageWorkspace #imageResultList{max-height:48svh;padding:2px;overflow:auto}#photoWorkspace .workspace-editor-grid{grid-template-columns:minmax(0,1fr)}#photoCanvas{max-height:34svh}#photoWorkspace .workspace-preview-panel{z-index:5;background:var(--bg-surface);border-bottom:1px solid var(--border);grid-row:1;padding:10px 0;position:sticky;top:64px}#photoWorkspace .photo-preview-stage{min-height:120px;padding:8px}#photoWorkspace #photoCanvas{max-height:20svh}#photoWorkspace .workspace-preview-panel .mb-4{margin-bottom:8px}.workspace-table-scroll,.workspace-page-grid{max-height:45svh}}@media (width<=600px){.tool-page .main-content{padding:12px}.tool-page .tool-shell>.card{padding:16px}.tool-page .tool-shell .tool-header .text-h1{font-size:20px}.tool-page .tool-shell .btn,.tool-page .tool-shell .btn.btn-lg{min-height:44px}.tool-page .tool-shell .btn-icon{min-width:44px}.tool-page .tool-shell .form-control{min-height:44px;font-size:16px}.tool-page .tool-shell .flex:has(>.btn){flex-wrap:wrap;gap:8px}.tool-page #imageWorkspace #imageExport{flex:100%}.tool-page #imageWorkspace #imageControls [data-control=target] .flex{gap:6px}.tool-page #imageWorkspace #imageControls [data-control=target] .btn{flex:1;padding:6px}.workspace-action-bar>.btn,.practical-workspace .practical-actions>.btn{flex:140px}.practical-workspace .workspace-page-grid .practical-actions>.btn{flex:1}.practical-grid,#photoWorkspace .practical-grid{grid-template-columns:minmax(0,1fr)}#photoWorkspace .practical-grid>:first-child{grid-column:1/-1}.practical-stats,.workspace-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-preview-toolbar #pdfPage{width:64px}.pdf-preview-stage{padding:8px}}@media (pointer:coarse){.tool-page .tool-shell .form-control{font-size:16px}.tool-page .tool-shell .btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.tool-page{scroll-behavior:auto}.tool-page .tool-shell,.tool-page .tool-header,.tool-page .card,.tool-page .result-area{animation:none}}.ip-current-panel{border:1px solid var(--primary-border);border-radius:var(--r-lg);background:var(--primary-subtle);padding:16px}.ip-address-value{overflow-wrap:anywhere;margin-top:6px;font-size:clamp(18px,2.5vw,28px);font-weight:600;line-height:1.5;display:block}.ip-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ip-result-heading>div{min-width:0}.practical-workspace .ip-result-heading .practical-actions{margin:0}#ipWorkspace .workspace-panel-title{margin-bottom:12px}#ipWorkspace .practical-table th{vertical-align:top;width:42%}#ipWorkspace .practical-table td{vertical-align:top}.web-constraints{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-muted);margin-top:20px;padding:12px 14px}.web-table-wrap{overflow-x:auto}.web-preview{border:1px solid var(--border);border-radius:14px;max-width:600px;margin:20px 0;overflow:hidden}.web-preview img{object-fit:cover;width:100%;max-height:300px}.web-preview-body{overflow-wrap:anywhere;padding:18px}.web-preview h2{margin-bottom:8px;font-size:20px}.web-preview p{color:var(--text-mid)}#webWorkspace details{margin-top:16px}#webWorkspace summary{cursor:pointer;font-weight:600}#webWorkspace [hidden]{display:none!important}.sysadmin-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sysadmin-result-heading h2{letter-spacing:-.025em;font-size:21px}.sysadmin-result-heading p{color:var(--text-low);font-size:var(--font-ui);margin-top:5px}.sysadmin-results .web-table-wrap{background:#fff;border:1px solid #dce7e2;border-radius:12px;overflow:hidden}.sysadmin-result-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--font-description);line-height:1.65}.sysadmin-result-table :is(th,td){text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 18px}.sysadmin-result-table thead th{color:#36574e;font-size:var(--font-ui);background:#edf5f1;font-weight:600}.sysadmin-result-table thead th:first-child{width:34%}.sysadmin-result-table tbody th{color:#536b63;font-weight:500}.sysadmin-result-table tbody td{color:#183b38}.sysadmin-result-table tbody tr:not(:first-child){border-top:1px solid #e7eeea}.sysadmin-result-table tbody tr:nth-child(2n):not(.sysadmin-result-group){background:#fbfdfc}.sysadmin-result-table .sysadmin-result-group th{color:#087f73;font-size:var(--font-ui);background:#f0f7f4;padding-block:10px;font-weight:600}.sysadmin-result-table .sysadmin-result-group:not(:first-child){border-top:2px solid #dce7e2}.sysadmin-result-table td.sysadmin-result-good{color:#08735d;font-weight:700}.sysadmin-result-table td.sysadmin-result-warning{color:#a05a12;font-weight:700}.sysadmin-results #ipDetails .practical-grid{grid-template-columns:minmax(0,1fr);gap:24px}.web-result-details{background:#fff;border:1px solid #dce7e2;border-radius:12px;margin-top:20px;padding:0;overflow:hidden}.web-result-details>summary{cursor:pointer;min-height:58px;color:var(--text-high);align-items:center;gap:10px;padding:14px 18px;font-weight:600;list-style:none;display:flex}.web-result-details>summary::-webkit-details-marker{display:none}.web-result-details>summary:after{content:"+";color:var(--primary);margin-left:auto;font-size:24px;font-weight:400;line-height:1}.web-result-details[open]>summary:after{content:"−"}.web-result-details>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.web-result-details[open]>summary{background:#f7faf8;border-bottom:1px solid #dce7e2;margin-bottom:0}.sysadmin-detail-hint{color:var(--text-low);font-size:var(--font-caption);font-weight:400}.web-result-details[open] .sysadmin-detail-hint{display:none}.web-result-details>:not(summary){margin:18px}.sysadmin-results .web-result-details>.web-table-wrap{border:0;border-radius:0;margin:0}@media (width<=600px){.sysadmin-result-heading{align-items:flex-start}.sysadmin-result-table thead th:first-child{width:42%}.sysadmin-result-table :is(th,td){padding:11px 12px;font-size:14px}.sysadmin-result-table thead th{font-size:13px}.web-result-details>summary{padding:14px 12px;font-size:14px}.sysadmin-detail-hint{display:none}}.info-page{max-width:1080px;margin:0 auto;padding:8px 0 24px}.info-page-header{border:1px solid var(--primary-border);background:linear-gradient(120deg, var(--primary-subtle), var(--bg-surface));border-radius:20px;margin-bottom:28px;padding:32px}.info-page-icon{border:1px solid var(--primary-border);background:var(--bg-surface);width:48px;height:48px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.info-page-icon .ui-icon{width:24px;height:24px}.info-page-eyebrow{font-size:var(--font-caption);letter-spacing:.12em;color:var(--primary);margin-bottom:8px;font-weight:600}.info-page-header h1{margin-bottom:12px;font-size:clamp(28px,4vw,38px)}.info-page-description{max-width:720px;font-size:var(--font-body);color:var(--text-mid);line-height:1.8}.info-page-grid{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:28px;display:grid}.info-page-sidebar{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;min-width:0;padding:18px;position:sticky;top:100px}.info-page-nav-title{font-size:var(--font-caption);color:var(--text-low);margin-bottom:12px;font-weight:600}.info-page-nav{gap:4px;display:grid}.info-page-nav a{min-height:44px;font-size:var(--font-ui);color:var(--text-mid);border-radius:8px;align-items:center;gap:10px;padding:10px;line-height:1.5;display:flex}.info-page-nav a:hover{background:var(--bg-muted);color:var(--primary)}.info-page-nav a[aria-current=page]{background:var(--primary-subtle);color:var(--primary);font-weight:600}.info-page-help{border-top:1px solid var(--border);font-size:var(--font-caption);margin-top:20px;padding-top:18px;line-height:1.7}.info-page-help p{color:var(--text-low);margin-block:6px 10px}.info-page-help a{min-height:44px;color:var(--primary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.info-page-content{border:1px solid var(--border);background:var(--bg-surface);border-radius:18px;min-width:0;padding:32px}.info-page-content>section+section{border-top:1px solid var(--border);margin-top:28px;padding-top:28px}.info-page-content h2{margin-bottom:12px;font-size:21px;line-height:1.45}.info-page-content h3{font-size:var(--font-body);margin-bottom:8px;line-height:1.5}.info-page-content p,.info-page-content li{font-size:var(--font-description);overflow-wrap:anywhere;line-height:1.85}.info-page-content p+p{margin-top:12px}.info-page-content ul{color:var(--text-mid);gap:10px;padding-left:20px;list-style:outside;display:grid}.info-page-content p a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.info-page-content p a:hover{color:var(--primary-hover)}.info-page-content .info-page-updated{font-size:var(--font-caption);color:var(--text-low);margin-bottom:24px}.info-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.info-feature{border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;padding:18px}.info-feature>.ui-icon{color:var(--primary);width:22px;height:22px;margin-bottom:12px}.info-feature p{color:var(--text-low);font-size:var(--font-ui)}.info-callout{border:1px solid var(--primary-border);background:var(--primary-subtle);border-radius:12px;margin-top:24px;padding:20px}.info-callout h2{font-size:18px}.info-page-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.info-page-actions .btn{min-height:44px}.contact-message{scroll-margin-top:100px}.feedback-form{gap:8px;margin-top:18px;display:grid}.feedback-form .form-label{margin-bottom:0}.feedback-form textarea{resize:vertical;width:100%;min-height:100px;font-family:inherit}.feedback-form .btn{justify-self:start;min-height:44px;margin-top:4px}.feedback-form .feedback-hint{font-size:var(--font-caption);color:var(--text-low);margin:0;line-height:1.6}.feedback-form .feedback-error{font-size:var(--font-caption);color:var(--red);margin:0}.feedback-status{align-items:flex-start;gap:8px;margin-top:16px;display:flex}.feedback-status .ui-icon{margin-top:3px}.footer{background:#f0f6f3;border-top:1px solid #d4e4dd;padding:56px 0 20px}.footer-grid{grid-template-columns:minmax(0,1.1fr) minmax(180px,.7fr) minmax(0,1.25fr);align-items:start;gap:48px;padding-bottom:40px;display:grid}.footer-brand{max-width:100%;margin:0 0 18px;display:inline-block}.footer-brand .brand-logo{width:228px;max-width:100%;height:auto}.footer .footer-slogan{color:#0b1f3b;letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.35}.footer .footer-description{max-width:34ch;color:var(--text-mid)}.footer-feedback{background:#fff;border:1px solid #d4e4dd;border-radius:18px;padding:24px}.footer .feedback-form textarea.form-control{font-family:inherit}.footer-information{padding-top:14px}.footer .footer-explore{border:1px solid var(--primary-border);background:#fff;border-radius:10px;margin-top:20px;padding:10px 16px}.footer .footer-explore:hover{background:var(--primary-subtle)}.footer-intro>p,.footer-feedback>p{max-width:350px;font-size:var(--font-ui);color:var(--text-low);line-height:1.8}.footer-explore{min-height:44px;font-size:var(--font-ui);color:var(--primary);align-items:center;gap:6px;margin-top:14px;font-weight:600;display:inline-flex}.footer-information{flex-direction:column;align-items:flex-start;display:flex}.footer-information h2,.footer-feedback h2{font-size:var(--font-description);color:#0b1f3b;margin-bottom:12px;line-height:1.5}.footer-information>a{min-height:44px;font-size:var(--font-ui);color:var(--text-mid);align-items:center;padding-block:8px;display:flex}.footer-information>a:hover,.footer-information>a[aria-current=page]{color:var(--primary)}.footer-information>a[aria-current=page]{font-weight:600}.footer-feedback>.btn{margin-top:16px}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.footer-bottom p{font-size:var(--font-caption);color:var(--text-low)}.footer-bottom a{min-height:44px;font-size:var(--font-caption);color:var(--text-low);align-items:center;gap:6px;display:inline-flex}.footer-bottom a:hover{color:var(--primary)}.related-tools{border:1px solid var(--border);background:linear-gradient(145deg, var(--bg-surface), var(--bg-muted));border-radius:22px;max-width:1152px;margin:40px auto 32px;padding:28px}.related-tools-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.related-tools-eyebrow{color:var(--primary);font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-weight:700;display:block}.related-tools-header h2{color:var(--text-high);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700;line-height:1.3}.related-tools-header p{color:var(--text-low);font-size:var(--font-ui);margin:7px 0 0;line-height:1.6}.related-tools-category{border:1px solid var(--border);background:var(--bg-surface);min-height:40px;color:var(--text-mid);font-size:var(--font-caption);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 13px;font-weight:600;display:inline-flex}.related-tools-category>.ui-icon{width:15px;height:15px}.related-tools-category:hover{color:var(--primary);border-color:var(--primary-border)}.related-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.related-tools-grid>li{min-width:0}.related-tool-card{border:1px solid var(--border);background:var(--bg-surface);height:100%;min-height:116px;transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);border-radius:15px;align-items:flex-start;gap:13px;padding:19px 16px;text-decoration:none;display:flex}.related-tool-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:0 5px 18px #183b3812}.related-tool-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.related-tool-icon>.ui-icon{width:21px;height:21px}.related-tool-content{flex:1;min-width:0;padding-top:2px}.related-tool-title{color:var(--text-high);font-size:var(--font-description);overflow-wrap:anywhere;font-weight:600;line-height:1.5;display:block}.related-tool-description{-webkit-line-clamp:2;color:var(--text-low);font-size:var(--font-caption);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:5px;line-height:1.65;display:-webkit-box;overflow:hidden}.related-tool-arrow{width:24px;height:24px;color:var(--text-xlow);transition:background var(--t-base), color var(--t-base);border-radius:7px;flex:0 0 24px;place-items:center;margin-top:1px;display:grid}.related-tool-arrow>.ui-icon{width:16px;height:16px}.related-tool-card:hover .related-tool-arrow{background:var(--primary-subtle);color:var(--primary)}.related-tools :is(a):focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (width<=1000px){.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.related-tools{border-radius:18px;margin-top:28px;padding:20px 16px}.related-tools-header{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px}.related-tools-header h2{font-size:20px}.related-tools-category{min-height:44px}.related-tools-grid{grid-template-columns:minmax(0,1fr);gap:10px}.related-tool-card{min-height:96px;padding:16px 14px}}@media (prefers-reduced-motion:reduce){.related-tool-card,.related-tool-arrow{transition:none}.related-tool-card:hover{transform:none}}:is(.info-page,.footer) :is(a,button,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=900px){.info-page-grid{grid-template-columns:minmax(0,1fr);gap:18px}.info-page-sidebar{position:static}.info-page-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.info-page-help{display:none}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-feedback{grid-column:1/-1}.footer-feedback>p{max-width:none}}@media (width<=600px){.info-page{padding-top:0}.info-page-header{margin-bottom:18px;padding:24px 20px}.info-page-content{padding:22px 18px}.info-page-content h2{font-size:19px}.info-page-description,.info-page-content p,.info-page-content li{font-size:var(--font-body)}.info-page-sidebar{padding:12px}.info-page-nav a{font-size:var(--font-caption);gap:8px}.info-feature-grid{grid-template-columns:minmax(0,1fr)}.info-page-actions .btn{flex:160px}.feedback-form textarea{font-size:16px}.footer{padding-top:28px}.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-feedback{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}}.main-content.container{padding-inline:max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right))}.hero-container>*,.hero-features>*,.tool-header-text,.footer-grid>*,.related-tools-header>div{min-width:0}.tool-header-icon,.h-feature-icon{flex-shrink:0}.tool-meta-badge{overflow-wrap:anywhere;max-width:100%}.hero-search-btn-ui,.hero-search-icon-ui{flex-shrink:0}.tool-shell nav[aria-label=breadcrumb]>ol>li{overflow-wrap:anywhere;min-width:0}.mobile-menu-content{min-height:0}.header .mobile-menu-header,.header .mobile-menu-footer{flex-shrink:0}.header .mobile-menu-body{min-height:0}.header .mobile-menu-header .brand-logo{max-width:calc(100% - 56px)}@media (width<=1200px){.header-inner{height:72px;gap:12px!important}}@media (width<=1024px){.main-content.container:has(>.home-wrapper){padding-top:0}.hero-container{grid-template-columns:minmax(0,1fr);gap:28px}.hero-content{width:100%;max-width:none;margin-inline:0}.hero-section{margin-top:0;padding:32px 0 24px}.hero-badge-ui{font-size:var(--font-caption);margin-bottom:20px;line-height:1.5}.hero-subtitle-ui{max-width:52ch;font-size:var(--font-description);margin-bottom:20px;line-height:1.7}.hero-search-box{border-radius:14px;padding:5px}.hero-search-input-ui{height:44px}.hero-search-btn-ui{border-radius:10px;width:44px;height:44px}.home-wrapper .tool-search-hint{font-size:var(--font-caption);margin-top:8px;line-height:1.5}.home-wrapper .tool-search-hint span{display:none}.hero-keywords{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:420px;margin:14px 0 18px;display:grid}.hero-keywords>span{display:none}.hero-keywords a{min-height:44px;font-size:var(--font-caption);text-align:center;border-radius:9px;justify-content:center;align-items:center;padding:8px;display:flex}.hero-visual{width:100%;max-width:420px;height:280px;min-height:280px;margin-inline:auto;overflow:hidden}.workspace-preview{width:min(310px,85%);animation:none}.hero-visual :is(.floating-note,.visual-spark){display:none}.hero-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding-top:18px}.h-feature{gap:8px}.h-feature-text h4{font-size:var(--font-ui);margin-bottom:3px;line-height:1.4}.h-feature-text p{font-size:var(--font-caption);line-height:1.5}.home-wrapper .hp-section{padding-block:22px}.home-wrapper .sec-header{gap:10px 16px;margin-bottom:16px}.home-wrapper .sec-title h2{font-size:22px;line-height:1.3}.home-wrapper .sec-title p{font-size:var(--font-ui);margin-top:5px;line-height:1.6}.home-wrapper .ui-card{border-radius:14px;gap:12px}.home-wrapper .c-title{font-size:var(--font-body);margin-bottom:4px;line-height:1.45}.home-wrapper .c-desc{font-size:var(--font-ui);line-height:1.6}.home-wrapper #recentTools .sec-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.home-wrapper #recentTools .sec-title{display:contents}.home-wrapper #recentTools h2{grid-area:1/1;margin:0}.home-wrapper #recentTools .sec-title p{grid-area:2/1/auto/-1;margin:0}.home-wrapper #clearRecentTools{min-height:44px;font-size:var(--font-caption);white-space:nowrap;grid-area:1/2;padding:8px 12px}.home-wrapper #recentToolList .ui-card{min-height:76px;padding:14px 16px}.home-wrapper #recentToolList .c-icon{border-radius:11px;width:40px;height:40px}.sec-header,.related-tools-header{flex-wrap:wrap;align-items:flex-start}.sec-title{flex:240px;min-width:0}.sec-link{min-height:44px}.tool-page #imageWorkspace #imageExportActions,.tool-page #imageWorkspace #imageResults .workspace-action-bar,#photoWorkspace .workspace-preview-panel{position:static}.tool-page #imageWorkspace .image-editor-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tool-page #imageWorkspace .image-preview-panel{grid-row:1}:is(.workspace-editor-grid:has(>.workspace-preview-panel:not([hidden])),.pdf-editor-workspace:has(>.pdf-preview-panel:not([hidden]))){grid-template-columns:minmax(0,1fr)}.workspace-editor-grid>.workspace-settings-panel{border-right:0;padding-right:0}.workspace-editor-grid>.workspace-preview-panel,.pdf-editor-workspace>.pdf-preview-panel{position:static}.pdf-editor-workspace>.pdf-preview-panel{margin-top:12px}.workspace-editor-grid>.workspace-settings-panel .practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page #imageWorkspace :is(#imageCanvas,#imageResultList),#photoCanvas{max-height:48svh}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-feedback{grid-column:1/-1}}@media (width>=768px) and (width<=1024px){.hero-container{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px}.hero-visual{height:320px;min-height:320px}.workspace-preview{width:min(280px,90%);padding:16px;transform:rotate(-3deg)}.visual-orbit{aspect-ratio:1;width:min(300px,100%);height:auto}.preview-top{font-size:var(--font-caption);gap:6px}.preview-heading{padding:14px 0;font-size:18px}.preview-tools{gap:8px}.preview-tile{gap:8px;padding:12px 4px}.preview-tile svg{width:22px;height:22px}.preview-bottom,.hero-search-icon-ui{display:none}.hero-search-input-ui{padding-left:10px;font-size:16px}}@media (width<=767px){.header-inner{height:64px}.header-brand{flex-basis:156px;width:156px}.header .brand-logo{width:156px}.hero-section{padding:26px 0 18px}.hero-visual{display:none}.hero-title-ui{font-size:clamp(34px,10cqi,44px)}.hero-title-ui .slogan-line{font-size:clamp(22px,6.5cqi,28px)}.hero-subtitle-ui{max-width:48ch}.home-wrapper .sec-title h2{font-size:20px}.home-wrapper .ui-card{padding:16px}.home-wrapper .c-info{padding-right:16px}.home-wrapper .category-grid .c-info{padding-right:0}}@media (width>=480px) and (width<=767px){.hero-keywords{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.hero-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.h-feature{flex-direction:column;gap:6px}}@media (width>=601px) and (width<=1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-card{flex-wrap:nowrap;align-items:center;gap:12px;padding:18px 16px}.ui-card .c-info{flex:1;width:auto;padding-right:18px}.ui-card .c-arrow{top:50%;right:12px;transform:translateY(-50%)}.ui-card:hover .c-arrow{transform:translate(3px,-50%)}.category-grid .ui-card{flex-direction:column;align-items:flex-start}.category-grid .c-info{width:100%;padding-right:0}}@media (width<=600px){.container,.main-content.container{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.tool-page .main-content.container{padding-top:14px}.hero-section{padding:26px 0 18px}.hero-visual{display:none}.hero-title-ui{font-size:clamp(32px,10cqi,40px)}.hero-badge-ui{max-width:100%;font-size:var(--font-caption)}.hero-search-box{gap:4px}.hero-search-icon-ui{display:none}.hero-search-input-ui{padding-left:8px;font-size:16px}.hero-keywords a{align-items:center;min-height:44px;display:inline-flex}.grid-4{grid-template-columns:minmax(0,1fr)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-title h2{font-size:21px}.sec-title p{font-size:var(--font-description)}.tool-page .tool-shell>.card{padding:14px}.workspace-editor-grid>.workspace-settings-panel .practical-grid,.image-advanced-grid{grid-template-columns:minmax(0,1fr)}.tool-page .tool-shell .tool-header-meta{flex-wrap:wrap}.tool-page .tool-shell .tool-meta-badge{font-size:var(--font-caption)}.tool-page #imageWorkspace #imageExportActions>.btn{flex:100%}.tool-page .tool-shell :is(.workspace-action-bar,.practical-actions)>.btn{justify-content:center}.tool-page #imageWorkspace #imageControls [data-control=target] .btn{flex:72px}#photoWorkspace #photoCanvas{max-height:40svh}.info-page-nav,.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-feedback{grid-column:auto}.footer-information a{align-items:center;min-height:44px;display:flex}.footer-bottom a,.related-tools-category{min-height:44px}.feedback-form .btn{justify-content:center;width:100%}}@media (width<=1024px) and (height<=600px){.hero-visual{display:none}.hero-container{grid-template-columns:minmax(0,1fr)}.hero-content{max-width:720px;margin-inline:auto}.tool-page #imageWorkspace #imageCanvas,#photoWorkspace #photoCanvas{max-height:60svh}}@media (width>=601px) and (width<=1024px) and (height<=600px){.hero-keywords{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.hero-features{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (pointer:coarse){.hero-search-input-ui,.feedback-form .form-control{font-size:16px}.hero-keywords a{align-items:center;min-height:44px;display:inline-flex}}@media (width<=900px){.tool-page .json-grid{flex-direction:column;gap:16px}.tool-page .json-grid-left,.tool-page .json-grid-right{min-width:0;width:100%!important}.tool-page .json-resizer{display:none}.tool-page .editor-panel:not(.fullscreen){height:clamp(280px,48svh,420px);min-height:280px}.tool-page .editor-panel-header{flex-wrap:wrap}.tool-page .editor-panel-actions{flex-wrap:wrap;min-width:0}.tool-page .tip-bar{display:block}.tool-page #errorArea{max-width:calc(100vw - 40px)!important}}@media (width<=600px),(pointer:coarse){.tool-page .editor-panel .btn,.tool-page .ep-btn{min-height:44px}.tool-page .ep-btn-icon-only{justify-content:center;min-width:44px}.tool-page .tool-shell textarea{font-size:16px}}:root{--text-muted:#52665f;--text-light:#61776f}.hero-subtitle-ui{font-size:var(--font-body);line-height:1.75}.home-wrapper .hero-badge-ui{font-size:var(--font-caption)}.home-wrapper .hero-keywords a{font-size:var(--font-ui)}.home-wrapper .tool-search-hint{font-size:var(--font-ui);line-height:1.65}.home-wrapper .h-feature-text h4{font-size:var(--font-description);line-height:1.5}.home-wrapper .h-feature-text p{font-size:var(--font-ui);line-height:1.65}.home-wrapper .sec-title p{font-size:var(--font-description);line-height:1.65}.home-wrapper .c-title,.home-wrapper .category-grid .c-title{font-size:var(--font-body);line-height:1.5}.home-wrapper .c-desc,.home-wrapper .category-grid .c-desc{font-size:var(--font-description);line-height:1.65}.home-wrapper .category-grid .ui-card{min-width:0}.home-wrapper .category-grid .c-title{overflow-wrap:anywhere}.cta-text p{font-size:var(--font-description);line-height:1.7}.cta-btn{font-size:var(--font-description)}.footer-intro>p,.footer-feedback>p{font-size:var(--font-description);line-height:1.8}.footer-information h2,.footer-feedback h2{font-size:var(--font-body)}.footer-information>a,.footer-explore{font-size:var(--font-ui)}.footer-bottom p,.footer-bottom a{font-size:var(--font-caption);line-height:1.7}.feedback-form .form-label{font-size:var(--font-ui)}.feedback-form .form-control{font-size:var(--font-body);line-height:1.65}.feedback-form .feedback-hint,.feedback-form .feedback-error{font-size:var(--font-caption);line-height:1.7}.related-tool-title{font-size:var(--font-body)}.related-tool-description,.related-tools-header p{font-size:var(--font-description)}.info-feature p{font-size:var(--font-description);line-height:1.7}.tool-page .tool-shell>nav[aria-label=breadcrumb]{font-size:var(--font-ui)}.tool-page .tool-shell .tool-header .text-h3{font-size:var(--font-description);line-height:1.65}.tool-page .tool-shell .tool-meta-badge{font-size:var(--font-caption)}.tool-page .tool-shell .btn{font-size:var(--font-description);line-height:1.5}.tool-page .tool-shell .form-label{font-size:var(--font-ui);line-height:1.65}.tool-page .tool-shell label:has(>input:is([type=checkbox],[type=radio])){font-size:var(--font-ui);line-height:1.65}.tool-page .tool-shell .form-control,.tool-page .tool-shell textarea,.tool-page #imageWorkspace .form-control{font-size:var(--font-body);line-height:1.6}.tool-page #imageWorkspace #imageControls .text-xs{font-size:var(--font-caption);line-height:1.65}.tool-page .tool-shell .dropzone-sub{font-size:var(--font-ui);line-height:1.75}.practical-table{font-size:var(--font-description);line-height:1.65}.practical-table th,.practical-table td{padding:10px 12px}.practical-note,.pdf-preview-toolbar{font-size:var(--font-ui);line-height:1.65}.workspace-details{font-size:var(--font-description);line-height:1.65}.tool-page .ace_editor,.tool-page div.jsoneditor-tree,.tool-page div.jsoneditor-text{font-size:var(--font-body)!important}.tool-page div.jsoneditor :is(td,th,textarea,.jsoneditor-field,.jsoneditor-value),.tool-page pre.jsoneditor-preview{font-size:var(--font-body)}.tool-page .jsoneditor-modal input[type=text],.tool-page .jsoneditor-modal select,.tool-page .jsoneditor-modal #query{font-size:var(--font-body)!important}@media (width<=600px){.home-wrapper .hero-badge-ui{white-space:normal}.hero-features{gap:18px 14px}.h-feature{min-width:0}.home-wrapper .category-grid .ui-card{padding:16px 14px}.footer-grid{row-gap:28px}}.header .mega-menu{width:min(640px,100vw - 48px)}@media (width>=1201px){.header .nav-link{padding-inline:6px}}.header .mega-menu:has(.cols-1){width:min(340px,100vw - 48px)}.header .mega-menu-inner{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 132px);overflow-y:auto}.header .mega-menu-inner.cols-1{grid-template-columns:minmax(0,1fr)}.header .mega-menu-inner.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.header .mega-text{min-width:0}.header .mega-title{white-space:normal;overflow-wrap:anywhere}.header .nav-item:first-child .mega-menu{left:0;transform:translateY(10px)}.header .nav-item:nth-last-child(-n+2) .mega-menu{left:auto;right:0;transform:translateY(10px)}.header .nav-item:is(:first-child,:nth-last-child(-n+2)):not(.menu-dismissed):is(:hover,:focus-within) .mega-menu{transform:translateY(0)}.header :is(.mega-item,.mobile-cat-links a)[aria-current=page]{background:var(--primary-subtle);color:var(--primary-hover);font-weight:650}.header .mobile-search-link{margin-bottom:16px}.header .mobile-cat-group{border-bottom:1px solid var(--border)}.header .mobile-cat-title{min-height:56px;color:var(--text-high);cursor:pointer;align-items:center;gap:10px;margin:0;padding:12px 4px;font-size:16px;font-weight:600;list-style:none;display:flex}.header .mobile-cat-title::-webkit-details-marker{display:none}.mobile-cat-title>span:first-child{flex:1;min-width:0}.mobile-cat-count{font-size:var(--font-caption);color:var(--text-low);font-weight:400}.mobile-cat-title>svg{width:18px;height:18px;transition:transform var(--t-fast);flex-shrink:0}.mobile-cat-group[open] .mobile-cat-title>svg{transform:rotate(180deg)}.header .mobile-cat-links{padding:0 0 12px 12px}.header .mobile-cat-links a{border-radius:8px;padding-inline:12px}.header .mobile-menu-content{height:100dvh}.header .mobile-menu-body{scroll-padding-block:12px}.header .nav-icon-btn>svg{width:22px;height:22px}@media (width>=1025px){.workflow-section .grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-section{padding-block:40px 32px}.hero-subtitle-ui{max-width:52ch}}.workflow-section .ui-card{border-top:3px solid var(--primary-border)}.home-wrapper .ui-card:hover{transform:none}.home-wrapper .ui-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.home-wrapper .c-desc{-webkit-line-clamp:3}.home-wrapper .hero-features{column-gap:18px}@media (width>=768px) and (width<=1024px){.hero-visual{height:370px;min-height:370px;overflow:hidden}}@media (hover:none){.home-wrapper .ui-card:hover{box-shadow:var(--shadow-xs)}}@media (width<=600px){.home-wrapper .hero-title-ui{margin-bottom:20px}.home-wrapper .hero-subtitle-ui{margin-bottom:18px}.home-wrapper .tool-search-hint{font-size:var(--font-caption)}.header-inner>.flex{gap:6px}.tool-page .tool-shell .btn{white-space:normal;overflow-wrap:anywhere}.tool-page .tool-shell .btn>svg{flex-shrink:0}}