:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=light]{color-scheme:light;color:#213547;background-color:#fff;--header-bg: #1a1a2e;--header-text: #eee;--footer-bg: #16213e;--footer-text: #ccc;--border: #e0e0e0;--muted: #666;--text: #333;--code-bg: #f5f5f5;--accent: #646cff;--card-bg: #fff}:root[data-theme=dark]{color-scheme:dark;color:#ffffffde;background-color:#242424;--header-bg: #0f0f1a;--header-text: #e0e0e0;--footer-bg: #0a0a12;--footer-text: #aaa;--border: #333;--muted: #999;--text: #e0e0e0;--code-bg: #1a1a1a;--accent: #818cf8;--card-bg: #2a2a2a}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root:not([data-theme]){color:#213547;background-color:#fff}}@media(prefers-color-scheme:dark){:root:not([data-theme]){color:#ffffffde;background-color:#242424}}a:hover{color:var(--accent)}button{background-color:var(--code-bg, #f5f5f5)}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;box-sizing:border-box}.site-header{background:var(--header-bg, #1a1a2e);color:var(--header-text, #eee);padding:.75rem 1.5rem;box-shadow:0 1px 3px #00000026}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.35rem;font-weight:700;color:inherit;text-decoration:none}.nav{display:flex;gap:1.5rem}.nav a{color:var(--header-text, #eee);text-decoration:none}.nav a:hover{text-decoration:underline}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--header-text, #eee);cursor:pointer;border-radius:6px}.nav-toggle-bar{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}@media(max-width:768px){.header-inner{flex-wrap:wrap;gap:.5rem}.logo{font-size:1.15rem;flex:1;min-width:0}.nav-toggle{display:flex;order:2}.nav{order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.nav.nav-open{max-height:220px;opacity:1;padding-top:.5rem}.nav a,.nav .theme-toggle{padding:.6rem 0;border-top:1px solid rgba(255,255,255,.15)}}.site-footer{background:var(--footer-bg, #16213e);color:var(--footer-text, #ccc);padding:1.5rem;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.75rem}.footer-links a{color:var(--footer-text, #ccc);text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright{margin:0;font-size:.9rem;opacity:.9}.page-home{padding-bottom:2rem}.hero{text-align:center;padding:2rem 0 1.5rem}.hero h1{font-size:2.25rem;margin:0 0 .5rem}.tagline{font-size:1.1rem;color:var(--muted, #666);margin:0}.home-search{margin:1rem auto;max-width:480px}.home-search .search-input{width:100%;padding:.65rem 1rem;font-size:1rem;border:1px solid var(--border, #ccc);border-radius:10px;box-sizing:border-box}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;justify-content:center}.category-pill{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:1px solid var(--border, #e0e0e0);border-radius:999px;background:var(--card-bg, #fff);color:var(--text, #333);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.category-pill:hover{border-color:var(--accent, #646cff);background:#646cff0f}.category-pill.active{background:var(--accent, #646cff);border-color:var(--accent, #646cff);color:#fff}.no-results{color:var(--muted, #666);margin:1rem 0}.theme-toggle{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.ad-home-top,.ad-home-mid{min-height:50px;margin:1rem 0}.tools-grid-section{margin-top:1rem}.tool-category{margin-bottom:2rem}.category-title{font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #eee)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;border:1px solid var(--border, #e8eaed);border-radius:12px;background:var(--card-bg, #fff);text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000000f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#646cff4d}.tool-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-bottom:1rem;flex-shrink:0}.tool-icon{font-size:1.5rem;line-height:1}.tool-name{font-weight:700;font-size:1.05rem;display:block;margin-bottom:.35rem;color:var(--text, #333)}.tool-desc{font-size:.875rem;color:var(--muted, #666);display:block;line-height:1.4}@media(max-width:768px){.main{padding:.75rem 1rem}.page-home .hero h1{font-size:1.75rem}.page-home .tagline{font-size:1rem}.category-pills{margin:1rem 0;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:thin}.category-pill{flex-shrink:0;padding:.45rem .85rem;font-size:.85rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.tool-card{padding:1.25rem 1rem}.tool-icon-wrap{width:44px;height:44px;border-radius:10px}}@media(min-width:769px)and (max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.page-tool{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.tool-header-card{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8f9fc,#eef1f8);border:1px solid var(--border, #e0e0e0);border-radius:12px;box-shadow:0 1px 3px #0000000f}.tool-header-icon{font-size:2.25rem;line-height:1;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--code-bg, #f0f0f0);border-radius:10px;flex-shrink:0}.tool-header-text{flex:1;min-width:0}.tool-header-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent, #646cff);margin-bottom:.35rem}.tool-header-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem}.tool-header-desc{font-size:.95rem;color:var(--muted, #666);margin:0;line-height:1.45}.tool-content-card{background:var(--card-bg, #fff);border:1px solid var(--border, #e0e0e0);border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.tool-loading{padding:2rem;text-align:center;color:var(--muted, #666)}.tool-about{padding:1.25rem 1.5rem;background:var(--code-bg, #f8f9fa);border:1px solid var(--border, #e8eaed);border-radius:12px}.tool-about-title{font-size:1rem;font-weight:600;margin:0 0 .75rem}.tool-about-desc{font-size:.95rem;color:var(--muted, #666);margin:0 0 .5rem;line-height:1.5}.tool-about-info{font-size:.9rem;margin:0 0 .75rem;line-height:1.55}.tool-about-meta{font-size:.8rem;color:var(--muted, #666);margin:0}.tool-about-category{font-weight:600;color:var(--accent, #646cff)}[data-theme=dark] .tool-header-card{background:#2a2a2e;border-color:var(--border)}.page-tool .tool-header{margin-bottom:1.5rem}.page-tool .tool-header h1{font-size:1.75rem;margin:0 0 .5rem}.page-tool .tool-content{margin:0}.tool-coming-soon{color:var(--muted, #666);margin-bottom:1rem}.ad-tool-top,.ad-tool-bottom{min-height:50px;margin:1rem 0}.ad-slot-placeholder{min-height:0;margin:0;padding:0;overflow:hidden}.page-static h1{font-size:1.75rem;margin-bottom:1rem}.page-static h2{font-size:1.2rem;margin:1.5rem 0 .5rem}.page-static p,.page-static ul{margin:0 0 .75rem;line-height:1.6}.page-error{text-align:center;padding:2rem}.page-error a{margin-top:1rem;display:inline-block}.page-contact .contact-form{max-width:520px;margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.35rem}.form-group input,.form-group textarea{width:100%;padding:.5rem .75rem;font-size:1rem;font-family:inherit;border:1px solid var(--border, #ccc);border-radius:6px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent, #646cff)}.form-group textarea{resize:vertical;min-height:100px}.form-error{display:block;font-size:.85rem;color:#c00;margin-top:.25rem}.form-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.form-message-success{background:#e8f5e9;color:#2e7d32}.form-message-error{background:#ffebee;color:#c62828}.btn{padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-primary{background:var(--accent, #646cff);color:#fff}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #646cff4d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--border, #e8e8e8);color:var(--text, #333);border:1px solid var(--border, #ddd)}.btn-secondary:hover:not(:disabled){background:var(--code-bg, #e0e0e0);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-small{font-size:.85rem;padding:.25rem .5rem;margin-left:.5rem}.tool-panel{margin:0}.tool-hero-bar{height:6px;background:linear-gradient(90deg,#6366f1,#3b82f6,#06b6d4);border-radius:3px;margin:-.25rem 0 1rem}.tool-hero-desc{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem;line-height:1.5}.tool-section-card{background:var(--card-bg, #fff);border:1px solid var(--border, #e8eaed);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000f}.tool-section-card:last-child{margin-bottom:0}.tool-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text, #333)}.tool-section-title .tool-section-icon{font-size:1.25rem;opacity:.9}.tool-section-subtitle{font-size:.875rem;color:var(--muted, #666);margin:0 0 1rem;line-height:1.45}.tool-output-block{position:relative;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:1rem 1.25rem;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;margin:0}.tool-output-block-wrap{padding-right:3rem}.tool-copy-btn{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;background:var(--card-bg, #fff);border:1px solid var(--border, #ccc);border-radius:6px;color:var(--text, #333);cursor:pointer;transition:background .2s,border-color .2s}.tool-copy-btn:hover{background:var(--code-bg, #f0f0f0);border-color:var(--accent, #646cff)}.tool-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}@media(max-width:640px){.tool-info-grid{grid-template-columns:1fr}}.tool-info-box{padding:1rem 1.25rem;border-radius:8px;background:#06b6d414;border-left:4px solid #06b6d4;font-size:.9rem;line-height:1.55}.tool-info-box h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem;color:var(--text, #333)}.tool-info-box ul{margin:0;padding-left:1.25rem}.tool-info-box li{margin-bottom:.35rem}.tool-toggle-group{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid var(--border, #e0e0e0);background:var(--code-bg, #f5f5f5)}.tool-toggle-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:none;background:transparent;color:var(--muted, #666);cursor:pointer;transition:background .2s,color .2s}.tool-toggle-btn.active{background:var(--card-bg, #fff);color:var(--text, #333);box-shadow:0 1px 2px #0000000f}.file-size-tool .tool-section-card .tool-convert-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}@media(max-width:640px){.file-size-tool .tool-section-card .tool-convert-grid{grid-template-columns:1fr}.file-size-tool .tool-section-card .tool-convert-grid .tool-convert-swap{padding-top:0;justify-content:flex-start}}.file-size-tool .tool-quick-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.file-size-tool .tool-quick-ref-grid{grid-template-columns:1fr}}.http-headers-list{background:var(--code-bg, #f8f9fa);border:1px solid var(--border, #e8eaed);border-radius:8px;padding:.75rem 1rem}.http-header-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border, #eee);font-size:.9rem}.http-header-row:last-child{border-bottom:none}.http-header-key{color:var(--accent, #6366f1);font-weight:500;flex-shrink:0}.http-header-value{color:var(--text, #333);word-break:break-all}[data-theme=dark] .http-header-key{color:#a5b4fc}.jwt-empty-state{text-align:center;padding:2rem 1rem;color:var(--muted, #666);font-size:.95rem}.jwt-empty-icon{display:block;font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.keystore-note-banner{display:inline-flex;align-items:flex-start;gap:.5rem;max-width:560px;padding:.75rem 1rem;background:#06b6d41f;border:1px solid rgba(6,182,212,.25);border-radius:8px;font-size:.9rem;line-height:1.5;text-align:left}.keystore-note-banner span:first-child{flex-shrink:0}.json-formatter-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}.json-formatter-panel{margin-bottom:0}.json-formatter-textarea{min-height:280px;font-family:ui-monospace,monospace;font-size:.9rem}@media(max-width:768px){.json-formatter-columns{grid-template-columns:1fr}}.tool-field-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.tool-field-row label{font-weight:500;margin-bottom:.35rem;display:block}.tool-helper{font-size:.8rem;color:var(--muted, #666);margin-top:.35rem;line-height:1.4}.encryption-tool{padding:0}.encryption-tool-head{text-align:center;margin-bottom:1.5rem}.encryption-tool-icon{display:inline-block;font-size:2.5rem;margin-bottom:.5rem;line-height:1}.encryption-tool-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.encryption-tool-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.encryption-tabs{display:flex;gap:0;justify-content:center;border-bottom:1px solid var(--border, #e0e0e0)}.encryption-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted, #666);cursor:pointer;transition:color .2s,border-color .2s}.encryption-tab:hover{color:var(--text, #333)}.encryption-tab.active{color:var(--accent, #646cff);border-bottom-color:var(--accent, #646cff)}.encryption-panel{margin-bottom:1.5rem}.encryption-key-row{display:flex;gap:.5rem;align-items:center}.encryption-key-row .tool-input{flex:1;min-width:0}.encryption-key-btn{flex-shrink:0}.encryption-helper{font-size:.8rem;color:var(--muted, #666);margin:.35rem 0 0;line-height:1.4}.encryption-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.encryption-info-box{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;text-align:left}.encryption-info-box:last-child{margin-bottom:0}.encryption-about{background:#06b6d414;border-left:4px solid #06b6d4}.encryption-security{background:#f59e0b14;border-left:4px solid #f59e0b}.encryption-info-title{font-size:.95rem;font-weight:700;margin:0 0 .5rem;color:var(--text, #333);display:flex;align-items:center;gap:.35rem}.encryption-info-icon{font-size:1rem}.encryption-info-box p,.encryption-info-box ul{font-size:.875rem;color:var(--muted, #666);margin:0;line-height:1.55}.encryption-info-box ul{padding-left:1.25rem}.encryption-info-box li{margin-bottom:.35rem}.encryption-key-textarea{font-family:ui-monospace,monospace;font-size:.85rem}.ai-cleaner-tool{padding:0}.ai-cleaner-head{margin-bottom:1.5rem}.ai-cleaner-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.ai-cleaner-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0;line-height:1.5}.ai-cleaner-body{margin-bottom:1.5rem}.ai-cleaner-input-wrap{margin-bottom:1rem}.ai-cleaner-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.ai-cleaner-label{font-weight:600;font-size:.95rem;margin:0}.ai-cleaner-char-count{font-size:.8rem;color:var(--muted, #666)}.ai-cleaner-textarea{width:100%;box-sizing:border-box}.ai-cleaner-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ai-cleaner-info{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem;text-align:left}.ai-cleaner-info:last-child{margin-bottom:0}.ai-cleaner-removes{background:#64748b14;border-left:4px solid #64748b}.ai-cleaner-perfect{background:#8b5cf614;border-left:4px solid #8b5cf6}.ai-cleaner-info-title{font-size:.95rem;font-weight:700;margin:0 0 .6rem;color:var(--text, #333)}.ai-cleaner-info ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.55}.ai-cleaner-info li{margin-bottom:.3rem}.ai-cleaner-perfect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem 1.5rem}@media(max-width:480px){.ai-cleaner-perfect-grid{grid-template-columns:1fr}}.dimens-scaler-tool{padding:0}.dimens-scaler-head{text-align:center;margin-bottom:1.5rem}.dimens-scaler-icon{display:inline-block;font-size:2rem;margin-bottom:.4rem;line-height:1}.dimens-scaler-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.dimens-scaler-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.dimens-scaler-tabs{display:flex;gap:0;border-bottom:1px solid var(--border, #e0e0e0);margin-bottom:1.25rem}.dimens-scaler-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted, #666);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.dimens-scaler-tab:hover{color:var(--text, #333)}.dimens-scaler-tab.active{color:var(--accent, #646cff);border-bottom-color:var(--accent, #646cff);background:#646cff0a}.dimens-scaler-panel{margin-bottom:1.5rem}.dimens-scaler-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.dimens-scaler-label-row label{font-weight:600;font-size:.95rem}.dimens-scaler-sample-btn{flex-shrink:0}.dimens-scaler-textarea{font-family:ui-monospace,monospace;font-size:.9rem;margin-bottom:1rem}.dimens-scaler-field{margin-bottom:1rem}.dimens-scaler-field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.dimens-scaler-select{max-width:320px;padding:.5rem .75rem}.dimens-scaler-helper{font-size:.8rem;color:var(--muted, #666);margin:.35rem 0 0}.dimens-scaler-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dimens-scaler-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dimens-scaler-info-box{padding:1rem 1.25rem;border-radius:10px;background:#3b82f614;border-left:4px solid #3b82f6}.dimens-scaler-info-title{font-size:.95rem;font-weight:700;margin:0 0 .6rem;color:var(--text, #333)}.dimens-scaler-info-box ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.5}.dimens-scaler-info-box li{margin-bottom:.25rem}@media(max-width:640px){.dimens-scaler-info-row{grid-template-columns:1fr}}.base64-tool{padding:0}.base64-head{margin-bottom:1.5rem}.base64-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.base64-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0;line-height:1.5}.base64-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}.base64-tab{padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;background:var(--code-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:8px;color:var(--muted, #666);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.base64-tab:hover{color:var(--text, #333);border-color:var(--accent, #646cff);background:#646cff0f}.base64-tab.active{background:#646cff1f;border-color:var(--accent, #646cff);color:var(--accent, #646cff)}.base64-panel{margin-bottom:1.5rem}.base64-field{margin-bottom:1rem}.base64-field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.base64-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:120px}.base64-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.base64-info{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem;text-align:left}.base64-info:last-child{margin-bottom:0}.base64-about{background:#64748b14;border-left:4px solid #64748b}.base64-uses{background:#646cff14;border-left:4px solid var(--accent, #646cff)}.base64-info-title{font-size:.95rem;font-weight:700;margin:0 0 .5rem;color:var(--text, #333)}.base64-info p,.base64-info ul{font-size:.875rem;color:var(--muted, #666);margin:0;line-height:1.55}.base64-info ul{padding-left:1.25rem}.base64-info li{margin-bottom:.3rem}.base64-info code{font-size:.85em;padding:.1em .35em;background:#0000000f;border-radius:4px}.base64-image-tool{padding:0}.base64-image-head{text-align:center;margin-bottom:1rem}.base64-image-icon{display:inline-block;font-size:2.25rem;margin-bottom:.4rem;line-height:1}.base64-image-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.base64-image-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.base64-image-tabs{display:flex;gap:0;border-bottom:1px solid var(--border, #e0e0e0);margin-bottom:1.25rem}.base64-image-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted, #666);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.base64-image-tab:hover{color:var(--text, #333)}.base64-image-tab.active{color:var(--accent, #646cff);border-bottom-color:var(--accent, #646cff);background:#646cff0a}.base64-image-panel{margin-bottom:1.5rem}.base64-image-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.base64-image-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:2rem;border:2px dashed var(--border, #ccc);border-radius:12px;background:var(--code-bg, #f8f9fa);cursor:pointer;transition:border-color .2s,background .2s}.base64-image-dropzone:hover,.base64-image-dropzone.drag-over{border-color:var(--accent, #646cff);background:#646cff0f}.base64-image-dropzone-icon{font-size:2.5rem;color:var(--muted, #666);margin-bottom:.5rem;line-height:1}.base64-image-dropzone:hover .base64-image-dropzone-icon,.base64-image-dropzone.drag-over .base64-image-dropzone-icon{color:var(--accent, #646cff)}.base64-image-dropzone-text{font-weight:600;font-size:1rem;margin:0 0 .25rem;color:var(--text, #333)}.base64-image-dropzone-hint{font-size:.8rem;color:var(--muted, #666);margin:0}.base64-image-result{margin-top:1.25rem}.base64-image-result label,.base64-image-field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.base64-image-field{margin-bottom:1rem}.base64-image-preview-wrap{margin-top:1rem}.base64-image-preview-wrap label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.base64-image-preview{max-width:100%;max-height:280px;border:1px solid var(--border, #e0e0e0);border-radius:8px;display:block}.base64-image-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.base64-image-clear-wrap{margin-top:1.25rem}.base64-image-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.base64-image-info-box{padding:1rem 1.25rem;border-radius:10px;background:#14b8a614;border-left:4px solid #14b8a6}.base64-image-info-title{font-size:.95rem;font-weight:700;margin:0 0 .6rem;color:var(--text, #333)}.base64-image-info-box ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.5}.base64-image-info-box li{margin-bottom:.25rem}@media(max-width:640px){.base64-image-info-row{grid-template-columns:1fr}}.code-minifier-tool{padding:0}.code-minifier-head{margin-bottom:1.5rem}.code-minifier-icon{display:inline-block;font-size:1.5rem;font-weight:700;color:var(--muted, #666);margin-bottom:.35rem;line-height:1;font-family:ui-monospace,monospace}.code-minifier-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.code-minifier-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem;line-height:1.5}.code-minifier-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border, #e0e0e0);margin-bottom:1.25rem}.code-minifier-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted, #666);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.code-minifier-tab:hover{color:var(--text, #333)}.code-minifier-tab.active{color:var(--accent, #646cff);border-bottom-color:var(--accent, #646cff);background:#646cff0f}.code-minifier-panel{margin-bottom:1.5rem}.code-minifier-field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.code-minifier-textarea{font-family:ui-monospace,monospace;font-size:.9rem;width:100%;box-sizing:border-box}.code-minifier-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.code-minifier-info{padding:1rem 1.25rem;border-radius:10px;background:#64748b14;border-left:4px solid #64748b}.code-minifier-info-title{font-size:.95rem;font-weight:700;margin:0 0 .5rem;color:var(--text, #333)}.code-minifier-info ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.55}.code-minifier-info li{margin-bottom:.3rem}.color-palette-tool{padding:0}.color-palette-head{text-align:center;margin-bottom:1.5rem}.color-palette-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.color-palette-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem;line-height:1.5}.color-palette-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}.color-palette-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:var(--code-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:8px;color:var(--muted, #666);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.color-palette-tab:hover{color:var(--text, #333)}.color-palette-tab.active{background:#646cff1a;border-color:var(--accent, #646cff);color:var(--accent, #646cff)}.color-palette-grid{margin-bottom:1.5rem}.color-palette-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.color-palette-row-label{font-weight:700;font-size:.95rem;min-width:5rem;color:var(--text, #333)}.color-palette-swatches{display:flex;gap:2px;flex-wrap:wrap}.color-palette-swatch{width:2.5rem;height:2.5rem;border:none;border-radius:6px;cursor:pointer;padding:0;display:flex;align-items:flex-end;justify-content:center;transition:transform .15s,box-shadow .15s}.color-palette-swatch:hover{transform:scale(1.08);box-shadow:0 2px 8px #0003}.color-palette-shade{font-size:.6rem;font-weight:600;color:#00000080;text-shadow:0 0 1px #fff}.color-palette-info{font-size:.875rem;color:var(--muted, #666);padding:.75rem 0}.cron-builder-tool{padding:0}.cron-builder-head{margin-bottom:1.5rem}.cron-builder-icon{font-size:1.75rem;display:block;margin-bottom:.35rem}.cron-builder-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.cron-builder-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.cron-builder-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.25rem}.cron-builder-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.cron-builder-input{width:100%;box-sizing:border-box}.cron-builder-presets{margin-bottom:1.25rem}.cron-builder-presets-label{font-weight:600;font-size:.95rem;display:block;margin-bottom:.5rem}.cron-builder-preset-btns{display:flex;flex-wrap:wrap;gap:.5rem}.cron-builder-preset-btn{font-size:.9rem}.cron-builder-generate{margin-bottom:1.25rem}.cron-builder-output label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.cron-builder-output-row{display:flex;gap:.5rem;align-items:center}.cron-builder-output-input{flex:1;min-width:0;font-family:ui-monospace,monospace}.cron-builder-copy{flex-shrink:0}.cron-builder-tips{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border, #eee)}.cron-builder-tips-title{font-size:.9rem;font-weight:600;margin:0 0 .5rem}.cron-builder-tips ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.5}.cron-builder-tips li{margin-bottom:.25rem}.cron-builder-copied{font-size:.9rem;color:var(--accent, #646cff);margin-top:.5rem}.css-gen-tool{padding:0}.css-gen-head{margin-bottom:1.5rem}.css-gen-icon{font-size:1.5rem;display:block;margin-bottom:.35rem}.css-gen-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.css-gen-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.css-gen-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}.css-gen-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:var(--code-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:8px;color:var(--muted, #666);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.css-gen-tab:hover{color:var(--text, #333)}.css-gen-tab.active{background:#646cff14;border-color:var(--accent, #646cff);color:var(--accent, #646cff)}.css-gen-panel,.css-gen-sliders{margin-bottom:1rem}.css-gen-slider-row{margin-bottom:.75rem}.css-gen-slider-row label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.css-gen-range{width:100%;max-width:280px;accent-color:var(--accent, #646cff)}.css-gen-color-row{margin-bottom:1rem}.css-gen-color-row label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.css-gen-color-picker{width:48px;height:32px;padding:2px;margin-right:.5rem;vertical-align:middle;cursor:pointer}.css-gen-color-hex{width:100px;font-family:ui-monospace,monospace}.css-gen-preview-wrap{margin-bottom:1rem}.css-gen-preview-wrap label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.css-gen-preview-box{width:120px;height:120px;background:var(--card-bg, #fff);border:1px solid var(--border, #e0e0e0);border-radius:8px}.css-gen-preview-radius{background:var(--code-bg, #f5f5f5)}.css-gen-output-wrap label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.css-gen-output-row{display:flex;gap:.5rem;align-items:center}.css-gen-output-input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.9rem}.css-gen-copy{flex-shrink:0}.css-gen-copied{font-size:.9rem;color:var(--accent, #646cff);margin-top:.5rem}.csvjson-tool{padding:0}.csvjson-head{margin-bottom:1.25rem}.csvjson-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.csvjson-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1rem}.csvjson-mode{display:flex;gap:.25rem;margin-bottom:1.25rem}.csvjson-mode-btn{padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;background:var(--code-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:8px;color:var(--muted, #666);cursor:pointer;transition:background .2s,color .2s}.csvjson-mode-btn:hover{color:var(--text, #333)}.csvjson-mode-btn.active{background:#646cff1a;border-color:var(--accent, #646cff);color:var(--accent, #646cff)}.csvjson-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}@media(max-width:768px){.csvjson-columns{grid-template-columns:1fr}}.csvjson-panel{display:flex;flex-direction:column}.csvjson-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.csvjson-panel-head label,.csvjson-panel label{font-weight:600;font-size:.95rem}.csvjson-load-btn{flex-shrink:0}.csvjson-textarea{font-family:ui-monospace,monospace;font-size:.9rem;min-height:200px;resize:vertical}.csvjson-convert-btn{margin-top:.75rem;align-self:flex-start}.csvjson-about{padding:1rem 1.25rem;border-radius:10px;background:var(--code-bg, #f8f9fa);border:1px solid var(--border, #e0e0e0)}.csvjson-about-title{font-size:1rem;font-weight:700;margin:0 0 .75rem}.csvjson-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.csvjson-about-grid ul{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--muted, #666);line-height:1.5}.csvjson-about-grid strong{display:block;margin-bottom:.35rem;font-size:.9rem}@media(max-width:600px){.csvjson-about-grid{grid-template-columns:1fr}}.curl-converter-tool{padding:0}.curl-converter-head{margin-bottom:1.5rem}.curl-converter-icon{font-size:1.75rem;display:block;margin-bottom:.35rem}.curl-converter-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.curl-converter-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.curl-converter-panel{margin-bottom:1.25rem}.curl-converter-panel label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}.curl-converter-textarea{font-family:ui-monospace,monospace;font-size:.9rem;width:100%;box-sizing:border-box}.curl-converter-btn{width:100%;max-width:100%;margin-top:.75rem}.curl-converter-output{margin-top:1rem}.curl-converter-output label{display:block;font-weight:600;margin-bottom:.35rem}.deeplink-tool{padding:0}.deeplink-head{margin-bottom:1.5rem}.deeplink-icon{font-size:2rem;display:block;margin-bottom:.35rem}.deeplink-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.deeplink-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.deeplink-card{padding:1.25rem;background:var(--card-bg, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;margin-bottom:1rem}.deeplink-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.deeplink-card-head h3{margin:0;font-size:1rem}.deeplink-head-btn{margin-left:.35rem}.deeplink-field{margin-bottom:1rem}.deeplink-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.deeplink-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.deeplink-hint{font-size:.8rem;color:var(--muted, #666);margin-top:.25rem}.deeplink-select{max-width:160px}.deeplink-param-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;flex-wrap:wrap}.deeplink-param-row .tool-input{flex:1;min-width:100px}.deeplink-output-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.deeplink-output-input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.9rem}.deeplink-code-card{padding-top:.75rem}.deeplink-code-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.deeplink-code-tab{padding:.5rem 1rem;font-size:.9rem;background:transparent;border:1px solid var(--border, #e0e0e0);border-radius:6px;color:var(--muted, #666);cursor:pointer}.deeplink-code-tab.active{background:#646cff14;border-color:var(--accent, #646cff);color:var(--accent, #646cff)}.deeplink-code-block{margin-bottom:1rem;position:relative}.deeplink-code-block label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.deeplink-pre{background:#14b8a614;border:1px solid rgba(20,184,166,.3);border-radius:8px;padding:1rem;overflow-x:auto;font-size:.85rem;margin:0 0 .5rem;white-space:pre-wrap}.deeplink-copy-code{margin-top:.25rem}.deeplink-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.deeplink-info-box{padding:1rem 1.25rem;border-radius:10px;background:#14b8a614;border-left:4px solid #14b8a6}.deeplink-info-box h4{font-size:.95rem;margin:0 0 .5rem}.deeplink-info-box ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.5}@media(max-width:640px){.deeplink-info-row{grid-template-columns:1fr}}.dpi-tool{padding:0}.dpi-head{text-align:center;margin-bottom:1.5rem}.dpi-icon{font-size:2rem;display:block;margin-bottom:.35rem}.dpi-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;color:var(--text, #333)}.dpi-subtitle{font-size:.95rem;color:var(--muted, #666);margin:0 0 1.25rem}.dpi-tabs{display:flex;gap:0;border-bottom:1px solid var(--border, #e0e0e0);margin-bottom:1.25rem}.dpi-tab{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted, #666);cursor:pointer}.dpi-tab.active{color:var(--accent, #646cff);border-bottom-color:var(--accent, #646cff);background:#646cff0a}.dpi-card{padding:1.25rem;background:var(--card-bg, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;margin-bottom:1rem}.dpi-card-title{font-size:1rem;font-weight:700;margin:0 0 1rem}.dpi-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.dpi-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.dpi-calc-btn{margin-bottom:.5rem}.dpi-result{margin:.5rem 0 0;font-size:1rem}.dpi-devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.dpi-device-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem;text-align:left;background:var(--code-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.dpi-device-btn:hover{border-color:var(--accent, #646cff);background:#646cff0f}.dpi-device-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.dpi-device-spec,.dpi-device-dpi{font-size:.8rem;color:var(--muted, #666)}.dpi-table{width:100%;border-collapse:collapse;font-size:.9rem}.dpi-table th,.dpi-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border, #eee)}.dpi-table th{font-weight:600}.dpi-table code{font-size:.85em}.dpi-converter-row{display:flex;gap:1rem;margin-bottom:.5rem}.dpi-hint{font-size:.875rem;color:var(--muted, #666);margin:.5rem 0 0}.dpi-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.dpi-info-box{padding:1rem 1.25rem;border-radius:10px;background:#3b82f614;border-left:4px solid #3b82f6}.dpi-info-box h4{font-size:.95rem;margin:0 0 .5rem}.dpi-info-box ul{font-size:.875rem;color:var(--muted, #666);margin:0;padding-left:1.25rem;line-height:1.5}@media(max-width:640px){.dpi-info-row{grid-template-columns:1fr}}.tool-privacy-note{font-size:.9rem;color:var(--muted, #666);background:#646cff14;border:1px solid rgba(100,108,255,.2);border-radius:8px;padding:.6rem 1rem;margin:0 0 1rem}.tool-hint{font-size:.875rem;color:var(--muted, #666);margin:0 0 .5rem}.image-crop-container{position:relative;display:inline-block;max-width:100%;cursor:crosshair}.image-crop-img{display:block;max-width:100%;max-height:400px;vertical-align:top}.image-crop-box{position:absolute;border:2px solid var(--accent, #646cff);background:#646cff26;cursor:move;box-sizing:border-box}.tool-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.tool-io{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.tool-io-diff .tool-column{min-height:200px}.tool-markdown-preview{min-height:200px;padding:.75rem;background:var(--code-bg, #f5f5f5);border-radius:6px;border:1px solid var(--border, #e0e0e0)}.tool-markdown-preview h1,.tool-markdown-preview h2,.tool-markdown-preview h3{margin-top:.5em;margin-bottom:.25em}.tool-markdown-preview pre{overflow-x:auto;padding:.5rem;background:#fff;border-radius:4px}.tool-markdown-preview code{font-family:ui-monospace,monospace;font-size:.9em}.tool-markdown-preview ul,.tool-markdown-preview ol{padding-left:1.5rem}.tool-column-full{grid-column:1 / -1}.tool-column label,.tool-parsed label,.tool-output-list label,.regex-matches label,.diff-result label{display:block;font-weight:500;margin-bottom:.35rem}.tool-textarea{width:100%;min-height:120px;padding:.6rem .9rem;font-family:ui-monospace,monospace;font-size:.9rem;border:1px solid var(--border, #ccc);border-radius:8px;box-sizing:border-box;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.tool-textarea:focus{outline:none;border-color:var(--accent, #646cff);box-shadow:0 0 0 3px #646cff26}.tool-input{width:100%;padding:.6rem .9rem;font-size:1rem;border:1px solid var(--border, #ccc);border-radius:8px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.tool-input:focus{outline:none;border-color:var(--accent, #646cff);box-shadow:0 0 0 3px #646cff26}.tool-input-inline{width:4rem;padding:.25rem .5rem;margin:0 .5rem;font-size:1rem;border:1px solid var(--border, #ccc);border-radius:4px}.tool-pre{background:var(--code-bg, #f5f5f5);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.9rem;margin:0;white-space:pre-wrap}.tool-pre.wrap{word-break:break-all}.tool-error{color:#c00;margin:.5rem 0 0}.tool-result{margin-top:.5rem;font-family:ui-monospace,monospace}.tool-dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}.tool-dl dt{font-weight:500;margin:0}.tool-dl dd{margin:0}.tool-output-list ul{list-style:none;padding:0;margin:0}.tool-output-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.diff-result{margin-top:1rem}.diff-output{background:var(--code-bg, #f5f5f5);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.85rem;white-space:pre-wrap;margin:0}.diff-add{background:#e6ffed;color:#0d6b0d}.diff-remove{background:#ffebe6;color:#b71c1c}.diff-unchanged{color:var(--muted, #666)}@media(max-width:768px){.tool-io{grid-template-columns:1fr}}.barcode-qr-section{margin-top:1rem}.barcode-qr-output{margin-top:1rem;padding:1rem;background:var(--code-bg, #f5f5f5);border-radius:8px;display:flex;flex-direction:column;align-items:center}.qr-image{max-width:256px;height:auto;display:block}.barcode-canvas{max-width:100%;height:auto}.barcode-qr-actions{display:flex;gap:.5rem;margin-top:.75rem}.tool-actions-sub{margin-top:.75rem;margin-bottom:.25rem}.decode-section{margin-top:1rem}.decode-label{display:block;margin-bottom:.5rem;font-weight:500}.decode-file-input{display:block;margin-bottom:1rem;padding:.5rem 0;font-size:.95rem}.decode-preview-block{margin-top:1rem;padding:1rem;background:var(--code-bg, #f5f5f5);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.decode-preview-img{max-width:100%;max-height:280px;width:auto;height:auto;border-radius:6px;border:1px solid var(--border, #e0e0e0)}.decode-result{width:100%}.decode-result label{display:block;margin-bottom:.35rem;font-weight:500}.decode-result-text{width:100%;box-sizing:border-box}.page-legal .updated{color:var(--muted, #666);font-size:.95rem;margin:-.5rem 0 1rem}.page-legal ul{padding-left:1.25rem}.page-legal a{color:var(--accent, #646cff)}.page-blog .blog-list{list-style:none;padding:0;margin:1.5rem 0 0}.blog-list-item{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border, #eee)}.blog-list-item a{font-size:1.1rem}.blog-date{display:block;font-size:.9rem;color:var(--muted, #666);margin-top:.25rem}.blog-excerpt{margin:.5rem 0 0;font-size:.95rem;color:var(--muted, #666)}.page-blog-post .blog-post-header{margin-bottom:1rem}.page-blog-post .blog-post-header h1{margin:0 0 .25rem}.page-blog-post .blog-post-body{line-height:1.7}.page-blog-post .blog-post-body h2{font-size:1.25rem;margin:1.5rem 0 .5rem}.page-blog-post .blog-post-body p{margin:0 0 .75rem}.page-blog-post .blog-post-body ul{margin:0 0 .75rem;padding-left:1.5rem}.page-blog-post .blog-post-body a{color:var(--accent, #646cff)}.ad-blog-top,.ad-blog-mid,.ad-blog-bottom{min-height:50px;margin:1rem 0}