@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root,[data-theme=light]{--bg-page:#f0f2f8;--bg-card:#fff;--bg-navbar:#fff;--bg-input:#f5f6fa;--bg-hero:#fff;--border-color:#e4e6ef;--border-card:#e8eaf2;--text-primary:#1a1a2e;--text-secondary:#5a6180;--text-muted:#5c6078;--accent:#5046e5;--accent-light:#6c63ff;--accent-bg:#5046e50f;--accent-bg-hover:#5046e51a;--accent-border:#5046e526;--icon-bg-blue:#5046e514;--icon-bg-green:#10b98114;--icon-bg-orange:#f59e0b14;--icon-bg-red:#ef444414;--icon-bg-purple:#a855f714;--icon-bg-teal:#14b8a614;--icon-color-blue:#5046e5;--icon-color-green:#10b981;--icon-color-orange:#f59e0b;--icon-color-red:#ef4444;--icon-color-purple:#a855f7;--icon-color-teal:#14b8a6;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 8px 24px #00000014, 0 2px 6px #0000000a;--shadow-xl:0 16px 48px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:100px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:60px;--max-width:1140px}[data-theme=dark]{--bg-page:#0f0f1a;--bg-card:#1a1a2e;--bg-navbar:#141425;--bg-input:#1e1e35;--bg-hero:#141425;--border-color:#2a2a45;--border-card:#2a2a45;--text-primary:#e8e8f0;--text-secondary:#b0b5d0;--text-muted:#9ea3c0;--accent:#6c63ff;--accent-light:#8b83ff;--accent-bg:#6c63ff1a;--accent-bg-hover:#6c63ff29;--accent-border:#6c63ff33;--icon-bg-blue:#6c63ff1f;--icon-bg-green:#10b9811f;--icon-bg-orange:#f59e0b1f;--icon-bg-red:#ef44441f;--icon-bg-purple:#a855f71f;--icon-bg-teal:#14b8a61f;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #00000059;--shadow-xl:0 16px 48px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navbar{z-index:100;background:var(--bg-navbar);border-bottom:1px solid var(--border-color);height:var(--navbar-height);justify-content:space-between;align-items:center;gap:24px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo-img{border-radius:var(--radius-sm);flex-shrink:0;width:32px;height:32px}.navbar-search{flex:1;max-width:480px;position:relative}.navbar-search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.navbar-search-input{border:1.5px solid var(--border-color);border-radius:var(--radius-pill);width:100%;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);outline:none;padding:10px 16px 10px 40px;font-family:inherit;font-size:.875rem}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-search-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-bg)}.navbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none}.navbar-link:hover{color:var(--text-primary);background:var(--accent-bg)}.navbar-link.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.theme-toggle{border:1.5px solid var(--border-color);background:var(--bg-input);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:flex}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-bg)}.theme-toggle-icon{font-size:.95rem;line-height:1}.navbar-hamburger{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--text-primary);justify-content:center;align-items:center;display:none}.navbar-hamburger:hover{border-color:var(--accent);background:var(--accent-bg)}.mobile-menu-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}.mobile-menu{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:300;width:280px;height:100vh;transition:right var(--transition-base);padding:80px 24px 32px;position:fixed;top:0;right:-280px;overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu-links{flex-direction:column;gap:4px;display:flex}.mobile-menu-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:14px 16px;font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-menu-link:hover{color:var(--text-primary);background:var(--accent-bg)}.mobile-menu-link.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.page-container{max-width:var(--max-width);margin:0 auto;padding:40px 32px 80px}.hero{text-align:center;padding:48px 0 40px}.hero-badge{background:var(--accent-bg);color:var(--accent);border-radius:var(--radius-pill);letter-spacing:.02em;border:1px solid var(--accent-border);align-items:center;gap:6px;margin-bottom:20px;padding:6px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:16px;font-size:2.8rem;font-weight:900;line-height:1.15}.hero-title-gradient{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.1rem;font-weight:400;line-height:1.65}.category-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;display:flex}.category-tab{border-radius:var(--radius-pill);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:8px 20px;font-size:.85rem;font-weight:500;text-decoration:none}.category-tab:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.category-section{margin-bottom:48px}.category-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.category-title{color:var(--accent);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.category-title-hash{color:var(--text-muted)}.category-see-all{color:var(--accent);transition:opacity var(--transition-fast);align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.category-see-all:hover{opacity:.7}.tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-base);cursor:pointer;flex-direction:column;gap:14px;padding:24px;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tool-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.tool-card-icon.blue{background:var(--icon-bg-blue);color:var(--icon-color-blue)}.tool-card-icon.green{background:var(--icon-bg-green);color:var(--icon-color-green)}.tool-card-icon.orange{background:var(--icon-bg-orange);color:var(--icon-color-orange)}.tool-card-icon.red{background:var(--icon-bg-red);color:var(--icon-color-red)}.tool-card-icon.purple{background:var(--icon-bg-purple);color:var(--icon-color-purple)}.tool-card-icon.teal{background:var(--icon-bg-teal);color:var(--icon-color-teal)}.tool-card-icon.weight{background:var(--icon-bg-blue);color:var(--icon-color-blue)}.tool-card-icon.temperature{background:var(--icon-bg-orange);color:var(--icon-color-orange)}.tool-info-card-icon-svg{color:var(--accent);margin-bottom:10px}.tool-card-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1rem;font-weight:700}.tool-card-description{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.55}.tool-card-open{color:var(--accent);transition:gap var(--transition-fast);align-items:center;gap:4px;font-size:.825rem;font-weight:600;display:flex}.tool-card:hover .tool-card-open{gap:8px}.tool-card-arrow{color:var(--accent);transition:transform var(--transition-fast);font-size:.85rem}.tool-card:hover .tool-card-arrow{transform:translate(3px)}.tool-card-fav{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast);cursor:pointer;font-size:1rem;position:absolute;top:20px;right:20px}.tool-card:hover .tool-card-fav{opacity:1}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.app-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-base);cursor:pointer;align-items:flex-start;gap:16px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--accent);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.app-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-border);transform:translateY(-3px)}.app-card:hover:before{opacity:1}.app-card-disabled{opacity:.5;cursor:default}.app-card-disabled:hover{box-shadow:none;border-color:var(--border-card);transform:none}.app-card-disabled:hover:before{opacity:0}.app-card-icon{border-radius:var(--radius-md);width:52px;min-width:52px;height:52px;transition:transform var(--transition-base);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.app-card:not(.app-card-disabled):hover .app-card-icon{transform:scale(1.06)}.app-card-body{flex:1;min-width:0}.app-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.app-card-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.app-card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);background:var(--border-color);color:var(--text-muted);padding:2px 8px;font-size:.65rem;font-weight:700}.app-card-description{color:var(--text-secondary);margin-bottom:8px;font-size:.825rem;line-height:1.5}.app-card-tools{color:var(--accent);font-size:.75rem;font-weight:600}.converter-page{max-width:580px;margin:0 auto;padding:40px 24px 80px}.converter-back{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;margin-bottom:28px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.converter-back:hover{color:var(--accent)}.converter-header{text-align:center;margin-bottom:32px}.converter-header-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:1.75rem;display:flex}.converter-header-icon.weight{background:var(--icon-bg-blue)}.converter-header-icon.temperature{background:var(--icon-bg-orange)}.converter-title{letter-spacing:-.03em;margin-bottom:6px;font-size:1.75rem;font-weight:800}.converter-subtitle{color:var(--text-secondary);font-size:.925rem}.converter-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:32px}.unit-input-group{flex-direction:column;gap:8px;display:flex}.unit-input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.unit-input-row{gap:10px;display:flex}.unit-input-field{border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);-moz-appearance:textfield;outline:none;flex:1;padding:14px 16px;font-family:inherit;font-size:1.25rem;font-weight:600}.unit-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-input-field:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-bg)}.unit-input-field.result{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.unit-select{border:1.5px solid var(--border-color);border-radius:var(--radius-md);min-width:120px;color:var(--text-primary);background:var(--bg-input);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7194' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:14px 32px 14px 12px;font-family:inherit;font-size:.9rem;font-weight:600}.unit-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.swap-container{justify-content:center;align-items:center;padding:12px 0;display:flex;position:relative}.swap-container:before{content:"";background:var(--border-color);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.swap-button{z-index:1;border:2px solid var(--border-color);background:var(--bg-card);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.swap-button:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-md);transform:rotate(180deg)}.swap-button:active{transform:rotate(180deg)scale(.95)}.result-display{background:var(--accent-bg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--accent-border);margin-top:20px;padding:18px 20px}.result-value{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.result-formula{color:var(--text-secondary);margin-top:6px;font-size:.8rem;font-weight:500}.qr-tool-page{max-width:960px;margin:0 auto;padding:40px 24px 80px}.qr-tool-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:0;overflow:hidden}.qr-type-tabs{border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto}.qr-type-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 20px;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.qr-type-tab:hover{color:var(--accent);background:var(--accent-bg)}.qr-type-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-bg);font-weight:600}.qr-type-tab-icon{font-size:1.1rem}.qr-layout{grid-template-columns:1fr 320px;gap:0;display:grid}.qr-left{border-right:1px solid var(--border-color);padding:32px}.qr-right{flex-direction:column;gap:20px;padding:32px;display:flex}.qr-step{align-items:center;gap:10px;margin-bottom:16px;display:flex}.qr-step-number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.qr-step-title{color:var(--text-primary);font-size:1rem;font-weight:700}.qr-input-group{margin-bottom:24px}.qr-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.qr-text-input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.qr-text-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-bg)}.qr-textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);resize:vertical;min-height:80px;transition:all var(--transition-fast);outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem}.qr-textarea:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-bg)}.qr-wifi-fields{flex-direction:column;gap:16px;display:flex}.qr-options-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:0;display:grid}.qr-option-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.qr-option-group input,.qr-option-group select{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem}.qr-option-group input:focus,.qr-option-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.qr-option-group input[type=color]{cursor:pointer;height:42px;padding:4px}.qr-preview{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;padding:24px;display:flex}.qr-preview canvas{border-radius:var(--radius-sm);image-rendering:pixelated;max-width:100%;height:auto}.qr-download-actions{flex-direction:column;gap:10px;display:flex}.qr-download-btn{background:var(--accent);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.qr-download-btn:hover{background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.qr-download-btn:active{transform:translateY(0)}.qr-download-btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.qr-download-btn-outline:hover{background:var(--accent-bg);color:var(--accent)}.qr-empty-state{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem}.color-picker-wrapper{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:6px 10px;display:flex}.color-picker-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.color-picker-wrapper input[type=color]{border:2px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.color-picker-hex{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-family:Inter,monospace;font-size:.825rem;font-weight:600}.qr-action-row{justify-content:center;align-items:center;gap:10px;display:flex}.qr-reset-btn{color:var(--text-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex}.qr-reset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.tool-blog{margin-top:48px}.tool-blog-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);margin-bottom:20px;padding:32px}.tool-blog-section h2{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:16px;font-size:1.2rem;font-weight:700}.tool-blog-section p{color:var(--text-secondary);margin-bottom:14px;font-size:.925rem;line-height:1.75}.tool-blog-section p:last-child{margin-bottom:0}.tool-blog-section ol{color:var(--text-secondary);flex-direction:column;gap:8px;padding-left:20px;font-size:.925rem;line-height:1.8;display:flex}.tool-blog-section ol li strong{color:var(--text-primary)}.tool-blog-sample{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;align-items:center;gap:10px;margin:20px 0;padding:24px;display:flex}.tool-blog-sample canvas{border-radius:var(--radius-sm)}.tool-blog-sample-caption{color:var(--text-muted);text-align:center;font-size:.8rem;font-style:italic}.tool-blog-uses{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tool-blog-use{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:16px}.tool-blog-use strong{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;display:block}.tool-blog-use p{color:var(--text-secondary);margin-bottom:0;font-size:.825rem;line-height:1.5}.json-toolbar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.json-toolbar-left,.json-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.json-indent-group{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.json-indent-group select{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-input);cursor:pointer;outline:none;padding:6px 10px;font-family:inherit;font-size:.8rem}.json-indent-group select:focus{border-color:var(--accent)}.json-tool-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.json-tool-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.json-tool-btn-danger:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.json-error{border-radius:var(--radius-md);color:#ef4444;word-break:break-word;background:#ef444414;border:1px solid #ef444440;margin-bottom:12px;padding:12px 16px;font-size:.85rem;line-height:1.5}.json-error strong{font-weight:700}.json-panels{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;display:grid}.json-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.json-panel-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-input);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.78rem;font-weight:700;display:flex}.json-panel-badge{color:#22c55e;text-transform:none;letter-spacing:0;font-size:.7rem;font-weight:600}.json-editor{width:100%;min-height:380px;color:var(--text-primary);background:var(--bg-card);resize:vertical;tab-size:2;white-space:pre;border:none;outline:none;padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.825rem;line-height:1.6;overflow-x:auto}.json-editor::placeholder{color:var(--text-muted);white-space:pre-line}.json-editor-output{background:var(--bg-input);color:var(--accent)}@media (max-width:700px){.json-panels{grid-template-columns:1fr}.json-toolbar{flex-direction:column;align-items:flex-start}}.tool-info-section{flex-direction:column;gap:36px;margin-top:48px;display:flex}.tool-info-block{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:32px}.tool-info-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:14px;font-size:1.2rem;font-weight:700}.tool-info-text{color:var(--text-secondary);font-size:.925rem;line-height:1.7}.tool-info-list{color:var(--text-secondary);flex-direction:column;gap:8px;padding-left:20px;font-size:.925rem;line-height:1.8;display:flex}.tool-info-list li strong{color:var(--text-primary)}.tool-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool-info-card{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:20px}.tool-info-card-icon{margin-bottom:10px;font-size:1.5rem;display:block}.tool-info-card h3{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:700}.tool-info-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.55}.site-footer{background:var(--bg-card);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding:24px 32px;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.footer-links{gap:24px;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.825rem;text-decoration:none}.footer-link:hover{color:var(--accent)}.footer-heart{color:var(--text-muted);font-size:.825rem}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}.navbar-search{max-width:280px}.qr-layout{grid-template-columns:1fr}.qr-left{border-right:none;border-bottom:1px solid var(--border-color)}.tool-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.navbar{gap:12px;padding:0 16px}.navbar-search,.navbar-link{display:none}.navbar-hamburger{display:flex}.mobile-menu-overlay{display:block}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.tools-grid{grid-template-columns:1fr}.converter-card{padding:24px}.unit-input-row{flex-direction:column}.unit-select{min-width:unset}.converter-page,.page-container{padding:24px 16px 60px}.qr-tool-card{padding:24px}.qr-options-row{grid-template-columns:1fr 1fr}.site-footer{text-align:center;flex-direction:column;gap:16px}.category-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}}.pdf-dropzone{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:16px;padding:48px 24px}.pdf-dropzone:hover,.pdf-dropzone.dragover{border-color:var(--accent);background:var(--accent-bg)}.pdf-dropzone-icon{color:var(--text-muted);margin-bottom:12px}.pdf-dropzone:hover .pdf-dropzone-icon,.pdf-dropzone.dragover .pdf-dropzone-icon{color:var(--accent)}.pdf-dropzone-text{color:var(--text-secondary);margin-bottom:6px;font-size:.95rem;font-weight:500}.pdf-dropzone-link{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.pdf-dropzone-hint{color:var(--text-muted);font-size:.8rem}.pdf-error{color:#ef4444;border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;margin-bottom:16px;padding:12px 16px;font-size:.85rem;font-weight:500}.pdf-file-list{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.pdf-file-list-header{background:var(--accent-bg);border-bottom:1px solid var(--border-color);color:var(--accent);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.825rem;font-weight:600;display:flex}.pdf-add-more-btn{border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:4px 12px;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.pdf-add-more-btn:hover{background:var(--accent-bg-hover)}.pdf-file-item{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 16px;display:flex}.pdf-file-item:last-child{border-bottom:none}.pdf-file-grip{color:var(--text-muted);cursor:grab;flex-shrink:0}.pdf-file-info{flex:1;min-width:0}.pdf-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.pdf-file-meta{color:var(--text-muted);font-size:.75rem}.pdf-file-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.pdf-file-move-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-family:inherit;display:flex}.pdf-file-move-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.pdf-file-move-btn:disabled{opacity:.3;cursor:default}.pdf-file-remove-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;display:flex}.pdf-file-remove-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.pdf-merge-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.pdf-merge-btn:hover:not(:disabled){background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pdf-merge-btn:disabled{opacity:.6;cursor:default}.pdf-reset-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.pdf-reset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.pdf-compress-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);margin-bottom:16px;padding:24px}.pdf-compress-file{color:var(--accent);align-items:center;gap:14px;display:flex}.pdf-compress-file-info{flex:1;min-width:0}.pdf-compress-result{margin-top:20px}.pdf-compress-stats{gap:12px;margin-bottom:20px;display:flex}.pdf-compress-stat{background:var(--bg-input);border-radius:var(--radius-md);text-align:center;flex:1;padding:14px}.pdf-compress-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.pdf-compress-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.pdf-compress-stat-green{color:#10b981}.pdf-compress-actions{flex-direction:column;gap:8px;display:flex}.img-original-info{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:.825rem;font-weight:600}.img-presets{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.img-preset-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 18px;font-family:inherit;font-size:.825rem;font-weight:600}.img-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.img-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.img-size-controls{align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.img-size-field{flex:1}.img-size-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.img-size-field input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);-moz-appearance:textfield;outline:none;padding:12px 14px;font-family:inherit;font-size:1.1rem;font-weight:600}.img-size-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.img-size-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.img-size-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.img-lock-btn{border:1.5px solid var(--border-color);background:var(--bg-input);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;font-family:inherit;display:flex}.img-lock-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.img-format-row{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.img-format-group{flex:1}.img-format-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.img-format-group select{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:600}.img-format-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.img-format-group input[type=range]{width:100%;accent-color:var(--accent);height:6px;margin-top:8px}.img-preview{text-align:center;background:var(--bg-input);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:120px;margin-bottom:20px;padding:16px;display:flex}.img-preview canvas{border-radius:var(--radius-sm);max-width:100%;box-shadow:var(--shadow-sm)}.img-actions{flex-direction:column;gap:8px;display:flex}@media (max-width:540px){.pdf-compress-stats{flex-direction:column}.img-size-controls{flex-wrap:wrap}.img-lock-btn{order:3;margin:0 auto}.img-format-row{flex-direction:column}}.jt-tree-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:300px;max-height:500px;padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.825rem;line-height:1.7;overflow:auto}.jt-empty{color:var(--text-muted);text-align:center;padding:60px 20px;font-family:Inter,sans-serif;font-size:.9rem}.jt-node{white-space:nowrap}.jt-toggle{cursor:pointer;font-family:inherit;font-size:inherit;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:1px 4px;display:inline-flex}.jt-toggle:hover{background:var(--accent-bg)}.jt-key{color:var(--accent);font-weight:600}.jt-string{color:#10b981}.jt-number{color:#a855f7}.jt-bool{color:#3b82f6}.jt-null{color:#ef4444;font-style:italic}.jt-badge{border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);margin-left:6px;padding:1px 8px;font-size:.7rem;font-weight:600}.jt-children{border-left:1px solid var(--border-color);margin-left:8px}.calc-hot-badge{border-radius:var(--radius-pill);color:#ef4444;vertical-align:middle;letter-spacing:.02em;background:#ef44441a;margin-left:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.calc-page{max-width:620px;margin:0 auto;padding:40px 24px 80px}.calc-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:32px}.calc-input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.calc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.calc-input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast);-moz-appearance:textfield;outline:none;padding:14px 16px;font-family:inherit;font-size:1.1rem;font-weight:600}.calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-bg)}.calc-select{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-input);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7194' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:14px 36px 14px 16px;font-family:inherit;font-size:.95rem;font-weight:600}.calc-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.calc-input-row{gap:12px;display:flex}.calc-input-row .calc-input-group{flex:1}.calc-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.calc-btn:hover{background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.calc-btn:active{transform:translateY(0)}.calc-result{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-lg);margin-top:24px;padding:24px;animation:.35s calcFadeIn}@keyframes calcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.calc-result-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:600}.calc-result-value{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1.3}.calc-result-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.calc-result-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:14px}.calc-result-item-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:600}.calc-result-item-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.calc-result-item-value.accent{color:var(--accent)}.calc-result-item-value.green{color:#10b981}.calc-result-item-value.red{color:#ef4444}.calc-breakdown{border-collapse:separate;border-spacing:0;width:100%;margin-top:16px;font-size:.85rem}.calc-breakdown th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-input);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:.72rem;font-weight:700}.calc-breakdown th:first-child{border-radius:var(--radius-sm) 0 0 0}.calc-breakdown th:last-child{border-radius:0 var(--radius-sm) 0 0}.calc-breakdown td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:10px 12px}.calc-breakdown td:last-child{color:var(--text-primary);text-align:right;font-weight:600}.calc-breakdown tr:last-child td{border-bottom:none}.calc-tabs{border:1.5px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;display:flex;overflow:hidden}.calc-tab{background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600}.calc-tab:not(:last-child){border-right:1.5px solid var(--border-color)}.calc-tab:hover{color:var(--accent);background:var(--accent-bg)}.calc-tab.active{background:var(--accent);color:#fff}.calc-bar-container{border-radius:var(--radius-pill);background:var(--bg-input);height:12px;margin-top:16px;display:flex;overflow:hidden}.calc-bar-segment{height:100%;transition:width .5s}.calc-legend{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.calc-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.calc-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.calc-radio-group{flex-wrap:wrap;gap:8px;display:flex}.calc-radio-pill{border:1.5px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600}.calc-radio-pill:hover{border-color:var(--accent);color:var(--accent)}.calc-radio-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.calc-activity-table{width:100%;margin-top:16px;font-size:.85rem}.calc-activity-table tr{border-bottom:1px solid var(--border-color)}.calc-activity-table tr:last-child{border-bottom:none}.calc-activity-table td{padding:10px 0}.calc-activity-table td:first-child{color:var(--text-secondary);font-weight:500}.calc-activity-table td:last-child{color:var(--text-primary);text-align:right;font-weight:700}@media (max-width:640px){.calc-page{padding:24px 16px 60px}.calc-card{padding:24px}.calc-input-row{flex-direction:column}.calc-result-grid{grid-template-columns:1fr}.calc-result-value{font-size:1.4rem}}