@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main:#fff;--bg-secondary:#fafafa;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-input:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-glow:#2563eb;--color-text-primary:#111827;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-mid:#3b82f6;--grad-primary:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--grad-secondary:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--grad-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--grad-accent:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--nav-height:64px;--max-width:1200px;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-main);color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-container{background:#fff;flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--nav-height);flex-grow:1;width:100%}.glass{background:var(--bg-card);border:1px solid var(--border-light);transition:all .18s;box-shadow:0 1px 3px #0000000f}.glass-interactive{cursor:pointer;position:relative;overflow:hidden}.glass-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.title-large{letter-spacing:-.04em;color:var(--color-text-primary);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.1}.title-medium{letter-spacing:-.025em;color:var(--color-text-primary);font-size:1.875rem;font-weight:700}.subtitle{color:var(--color-text-secondary);max-width:600px;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.7}.gradient-text{color:var(--accent);-webkit-text-fill-color:var(--accent)}.gradient-text-sec{color:#6366f1;-webkit-text-fill-color:#6366f1}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.93rem;font-weight:600;transition:all .18s;display:inline-flex;position:relative}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 2px #00000014}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border-color:var(--border-light);color:var(--color-text-primary);background:#fff;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px)}.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}input[type=text],input[type=password],input[type=number],select,textarea{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-light);width:100%;color:var(--color-text-primary);padding:.75rem 1rem;font-size:.95rem;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseBorder{0%,to{border-color:#16a34a66}50%{border-color:#16a34acc}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-fade-in-fast{animation:.3s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-spin{animation:1s linear infinite spin}.pulse-border-active{animation:2s ease-in-out infinite pulseBorder}.animate-fade-in:first-child{animation-delay:0s}.animate-fade-in:nth-child(2){animation-delay:50ms}.animate-fade-in:nth-child(3){animation-delay:.1s}.animate-fade-in:nth-child(4){animation-delay:.15s}.animate-fade-in:nth-child(5){animation-delay:.2s}.animate-fade-in:nth-child(6){animation-delay:.25s}.animate-fade-in:nth-child(7){animation-delay:.3s}.trust-badge{border:1px solid var(--border-light);color:var(--color-text-secondary);background:#f9fafb;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;display:inline-flex}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;width:100%;display:grid}.category-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.category-tag.organize{color:#6366f1;background:#eef2ff}.category-tag.convert{color:#059669;background:#ecfdf5}.category-tag.convert-to{color:#16a34a;background:#f0fdf4}.category-tag.security{color:#e11d48;background:#fff1f2}.category-tag.utilities{color:#d97706;background:#fffbeb}@media (width<=900px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=640px){.tools-grid{grid-template-columns:repeat(2,1fr)}.title-large{font-size:2.1rem}}@media (width<=400px){.tools-grid{grid-template-columns:1fr}}.qr2-root{flex-direction:column;gap:1.5rem;width:100%;display:flex}.qr2-step-head{align-items:center;gap:.65rem;display:flex}.qr2-step-num{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:800;display:flex}.qr2-step-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.qr2-step-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.qr2-type-row{flex-wrap:wrap;gap:.4rem;display:flex}.qr2-type-btn{cursor:pointer;border:1px solid var(--border-light);color:var(--color-text-secondary);background:#f9fafb;border-radius:9999px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.qr2-type-btn:hover{color:var(--color-text-primary);background:#f3f4f6}.qr2-type-btn.active{background:var(--accent);color:#fff;border-color:#0000}.qr2-input-wrap{position:relative}.qr2-input-icon{color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.qr2-input,.qr2-textarea,.qr2-select{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-light);width:100%;color:var(--color-text-primary);padding:.7rem 1rem .7rem 2.5rem;font-family:inherit;font-size:.93rem;transition:border-color .2s,box-shadow .2s}.qr2-textarea{resize:vertical;min-height:80px}.qr2-select{cursor:pointer;padding-left:1rem}.qr2-input:focus,.qr2-textarea:focus,.qr2-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #16a34a1a}.qr2-wifi-row{align-items:flex-end;gap:.75rem;display:flex}.qr2-label{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.qr2-body{grid-template-columns:1fr 380px;align-items:flex-start;gap:1.5rem;display:grid}.qr2-customize{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.qr2-tabs{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#f9fafb;gap:2px;margin-bottom:1.25rem;padding:3px;display:flex}.qr2-tab{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .18s;display:flex}.qr2-tab:hover{color:var(--color-text-primary);background:#f3f4f6}.qr2-tab.active{background:var(--accent);color:#fff}.qr2-tab-panel{min-height:200px}.qr2-panel-hint{color:var(--color-text-muted);margin-bottom:1rem;font-size:.8rem;line-height:1.5}.qr2-template-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.qr2-template-card{border-radius:var(--radius-sm);border:2px solid var(--border-light);cursor:pointer;background:#fafafa;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .3rem;transition:all .18s;display:flex}.qr2-template-card:hover{border-color:var(--border-medium);background:#f3f4f6}.qr2-template-card.active{border-color:var(--accent);background:var(--accent-light)}.qr2-template-label{color:var(--color-text-secondary);font-size:.7rem;font-weight:600}.qr2-template-card.active .qr2-template-label{color:var(--accent)}.qr2-mini-canvas{width:60px;height:60px;image-rendering:pixelated;border-radius:6px}.qr2-custom-swatch{border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.qr2-custom-colors{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.qr2-color-row{align-items:center;gap:.5rem;display:flex}.qr2-color-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;background:0 0;flex-shrink:0;width:40px;height:36px;padding:2px}.qr2-shapes-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.qr2-shape-card{border-radius:var(--radius-sm);border:2px solid var(--border-light);cursor:pointer;background:#fafafa;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;transition:all .18s;display:flex}.qr2-shape-card:hover{border-color:var(--border-medium);background:#f3f4f6}.qr2-shape-card.active{border-color:var(--accent);background:var(--accent-light)}.qr2-shape-card .qr2-mini-canvas{width:80px;height:80px}.qr2-logo-zone{border:1.5px dashed var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;transition:border-color .2s,background .2s;display:flex}.qr2-logo-zone:hover{border-color:var(--accent);background:var(--accent-light)}.qr2-remove-btn{cursor:pointer;color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.qr2-remove-btn:hover{background:#ffe4e6}.qr2-slider{-webkit-appearance:none;background:var(--border-light);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:5px}.qr2-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px}.qr2-settings{flex-direction:column;gap:1.25rem;display:flex}.qr2-ec-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.qr2-ec-btn{border:2px solid var(--border-light);cursor:pointer;background:#fafafa;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;transition:all .18s;display:flex}.qr2-ec-btn:hover{border-color:var(--border-medium)}.qr2-ec-btn.active{border-color:var(--accent);background:var(--accent-light)}.qr2-ec-level{color:var(--color-text-primary);font-size:1rem;font-weight:800}.qr2-ec-btn.active .qr2-ec-level{color:var(--accent)}.qr2-ec-label{color:var(--color-text-muted);font-size:.65rem;font-weight:600}.qr2-right{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);top:calc(var(--nav-height) + 1rem);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:sticky}.qr2-preview-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#fafafa;justify-content:center;align-items:center;min-height:240px;padding:1rem;display:flex}.qr2-canvas-main{max-width:100%;height:auto;image-rendering:pixelated;border-radius:8px}.qr2-dl-row{gap:.65rem;display:flex}.qr2-dl-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-light);color:var(--color-text-primary);cursor:pointer;background:#fafafa;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.7rem .5rem;font-size:.85rem;font-weight:600;transition:all .18s;display:flex}.qr2-dl-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.qr2-dl-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.qr2-dl-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.qr2-copy-toast{color:#fff;z-index:9999;background:#111827;border-radius:9999px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;animation:.25s fadeInUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@media (width<=900px){.qr2-body{grid-template-columns:1fr}.qr2-right{position:static}.qr2-template-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.qr2-template-grid{grid-template-columns:repeat(3,1fr)}.qr2-shapes-grid{grid-template-columns:repeat(2,1fr)}}.tool-header{border-bottom:1px solid var(--border-light);background:#fafafa;padding:1.5rem 2rem}.section-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}@media (width<=640px){.section-container{padding:0 1rem}}.blog-article-layout{grid-template-columns:240px 1fr;align-items:flex-start;gap:3rem;margin-top:2rem;display:grid}@media (width<=900px){.blog-article-layout{grid-template-columns:1fr;gap:2rem}.blog-toc{display:none}}.blog-image-wrapper:hover .blog-image-hover-overlay{opacity:1!important}.blog-image-wrapper:hover img{transform:scale(1.02)}.admin-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-tab-btn:hover{color:var(--color-text-primary)}.admin-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}