.header{background:#0f172a;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000004d}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-size:1.4rem;font-weight:800}.logo-icon{font-size:1.6rem}.logo-text{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.nav{display:none;position:fixed;top:64px;left:0;right:0;background:#0f172a;flex-direction:column;padding:1rem;gap:0;border-top:1px solid #1e293b}.nav-open{display:flex}.nav-link{color:#94a3b8;text-decoration:none;padding:.875rem 1rem;font-weight:500;font-size:1rem;border-radius:8px;transition:all .2s ease}.nav-link:hover,.nav-link.active{color:#2563eb;background:#2563eb1a}@media(min-width:768px){.hamburger{display:none}.nav{display:flex;position:static;flex-direction:row;padding:0;gap:.25rem;border-top:none;background:transparent}.nav-link{padding:.5rem 1rem}}.footer{background:#0f172a;color:#94a3b8;padding:3rem 1rem 1.5rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-title{color:#fff;font-size:1.3rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.footer-subtitle{color:#e2e8f0;font-size:1rem;margin-bottom:.75rem;font-weight:600}.footer-desc{font-size:.9rem;line-height:1.6;color:#64748b}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#2563eb}.footer-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #1e293b;text-align:center;font-size:.85rem}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}@media(min-width:768px){.main-content{padding:1.5rem}}.ad-banner{display:flex;justify-content:center;align-items:center;margin:1.25rem auto;max-width:100%;overflow:hidden}.ad-preview-box{width:100%;background:#f8fafc;border:2px dashed #93c5fd;border-radius:8px;padding:.85rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;box-sizing:border-box}.ad-preview-tag{background:#2563eb;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.ad-preview-title{font-size:.95rem;color:#0f172a;margin:0;font-weight:600}.ad-preview-info{font-size:.8rem;color:#64748b;margin:0}.ad-preview-info code{background:#eff6ff;color:#2563eb;padding:.1rem .35rem;border-radius:4px}.ad-horizontal{max-width:728px}.ad-rectangle{max-width:336px}.ad-sidebar{max-width:300px}.home-page{padding:0}.hero{text-align:center;padding:2.5rem 1rem 3rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;color:#fff;margin-bottom:1rem}.hero-badge{display:inline-block;background:#2563eb33;color:#60a5fa;padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.25rem;border:1px solid rgba(37,99,235,.3)}.hero-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1rem;color:#94a3b8;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.btn-secondary{background:transparent;color:#94a3b8;border:1px solid #334155}.btn-secondary:hover{color:#fff;border-color:#94a3b8}.section-title{text-align:center;font-size:1.6rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.section-subtitle{text-align:center;color:#64748b;font-size:1rem;margin-bottom:2rem}.tools-section{padding:2.5rem 0}.tools-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.tool-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#2563eb}.tool-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.tool-card h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.tool-card p{font-size:.9rem;color:#64748b;line-height:1.6;margin-bottom:.75rem}.tool-link{font-size:.9rem;color:#2563eb;font-weight:600}.why-section{padding:2.5rem 0}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.feature{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.feature-icon{font-size:2rem;margin-bottom:.75rem;display:block}.feature h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.feature p{font-size:.9rem;color:#64748b;line-height:1.5}.cta-section{text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:16px;color:#fff;margin:2rem 0}.cta-section h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.cta-section p{color:#bfdbfe;margin-bottom:1.5rem;line-height:1.6}.cta-section a:not(.btn){color:#fff;text-decoration:underline}.cta-section .btn-primary{background:#fff;color:#2563eb}.cta-section .btn-primary:hover{background:#f0f0f0;box-shadow:0 4px 12px #0003}@media(min-width:768px){.hero{padding:4rem 2rem 5rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.15rem}.tools-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.section-title,.cta-section h2{font-size:2rem}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.tools-page{padding:1rem 0}.tools-page-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.tools-page-subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem;line-height:1.6}.tools-list{display:flex;flex-direction:column;gap:1rem}.tools-list-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.tools-list-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb1f;transform:translateY(-2px)}.tools-list-icon{font-size:2rem;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px}.tools-list-info h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin-bottom:.35rem}.tools-list-info p{font-size:.9rem;color:#64748b;line-height:1.5;margin-bottom:.5rem}.tools-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tool-tag{font-size:.75rem;background:#eff6ff;color:#2563eb;padding:.2rem .6rem;border-radius:50px;font-weight:500}.tools-list-arrow{font-size:1.25rem;color:#2563eb;margin-left:auto;align-self:center;flex-shrink:0}.tools-info{margin-top:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.tools-info h2{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.tools-info p{color:#475569;line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.tools-info a{color:#2563eb;text-decoration:none;font-weight:500}.tools-info a:hover{text-decoration:underline}@media(min-width:768px){.tools-page-title{font-size:2.25rem}.tools-list-card{padding:1.5rem}.tools-list-icon{font-size:2.5rem;min-width:64px;height:64px}}.about-page{padding:1rem 0;max-width:800px;margin:0 auto}.about-page h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:1.5rem}.about-lead{font-size:1.1rem;line-height:1.7;color:#475569;padding:1.5rem;background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;margin-bottom:2rem}.about-section{margin-bottom:2.5rem}.about-section h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.about-section p{color:#475569;line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.about-section a{color:#2563eb;text-decoration:none;font-weight:500}.about-section a:hover{text-decoration:underline}.about-offerings{display:grid;grid-template-columns:1fr;gap:1rem}.offering{padding:1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.offering h3{font-size:1.05rem;margin-bottom:.5rem;color:#0f172a}.offering p{font-size:.9rem}.values-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.values-list li{padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;color:#475569;line-height:1.6;font-size:.95rem}.values-list li strong{color:#0f172a}@media(min-width:768px){.about-page h1{font-size:2.25rem}.about-offerings{grid-template-columns:repeat(3,1fr)}}.blog-page{padding:.5rem 0 2rem}.blog-index-header{margin-bottom:1.5rem}.blog-index-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;line-height:1.25}.blog-subtitle{color:#64748b;font-size:.95rem;line-height:1.6}.blog-subtitle a{color:#2563eb;font-weight:500;text-decoration:none}.blog-subtitle a:hover{text-decoration:underline}.blog-categories{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.25rem 0 1.5rem}.category-btn{padding:.4rem 1rem;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.category-btn.active,.category-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.blog-grid{display:flex;flex-direction:column;gap:1.25rem}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{border-color:#2563eb;box-shadow:0 8px 20px #2563eb14;transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-category-tag{font-size:.75rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.2rem .65rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.blog-date{font-size:.8rem;color:#94a3b8}.blog-card h2{font-size:1.2rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.blog-card h2 a{color:#0f172a;text-decoration:none}.blog-card h2 a:hover{color:#2563eb}.blog-excerpt{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f1f5f9}.blog-read-time{font-size:.8rem;color:#94a3b8}.blog-read-more{font-size:.9rem;color:#2563eb;font-weight:600;text-decoration:none}.blog-read-more:hover{text-decoration:underline}.blog-card-ad-wrapper{margin-top:1rem}.blog-breadcrumb{font-size:.85rem;color:#94a3b8;margin-bottom:1.25rem}.blog-breadcrumb a{color:#2563eb;text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-article{max-width:820px;margin:0 auto}.blog-article-header{margin-bottom:1.75rem}.blog-article-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:.75rem 0;line-height:1.25}.blog-article-meta{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;color:#64748b;font-size:.85rem}.blog-article-content h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin:2rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.blog-article-content h3{font-size:1.15rem;font-weight:600;color:#1e293b;margin:1.5rem 0 .5rem}.blog-article-content p{color:#475569;line-height:1.8;margin-bottom:1.2rem;font-size:.95rem}.blog-article-content a{color:#2563eb;text-decoration:none;font-weight:600}.blog-article-content a:hover{text-decoration:underline}.blog-article-content ul,.blog-article-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.blog-article-content li{color:#475569;line-height:1.7;margin-bottom:.4rem;font-size:.95rem}.blog-article-content strong{color:#0f172a}.blog-article-content code{background:#f1f5f9;padding:.15rem .4rem;border-radius:4px;font-size:.85rem;color:#d946ef;font-family:Cascadia Code,Fira Code,Consolas,monospace}.blog-code{background:#0f172a;color:#f8fafc;padding:1.25rem;border-radius:10px;overflow-x:auto;margin:1.25rem 0;font-size:.85rem;line-height:1.6}.blog-code code{background:none;color:inherit;padding:0}.blog-table-wrapper{overflow-x:auto;margin:1.5rem 0;border:1px solid #e2e8f0;border-radius:8px}.blog-article-content table{width:100%;border-collapse:collapse;font-size:.9rem}.blog-article-content th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:700;color:#0f172a;border-bottom:2px solid #e2e8f0}.blog-article-content td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#475569}.blog-article-tags{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.tags-label{font-size:.85rem;font-weight:700;color:#475569}.blog-tag{font-size:.8rem;background:#f1f5f9;color:#334155;padding:.25rem .75rem;border-radius:9999px}.related-posts{max-width:820px;margin:2.5rem auto 0}.related-posts h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:1fr;gap:1rem}.related-card{padding:1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:transform .2s,border-color .2s}.related-card:hover{border-color:#2563eb;transform:translateY(-2px)}.related-category{font-size:.7rem;font-weight:700;color:#2563eb;text-transform:uppercase}.related-card h3{font-size:1rem;font-weight:600;color:#0f172a;margin:.35rem 0}.related-meta{font-size:.8rem;color:#94a3b8}.blog-cta-tools{max-width:820px;margin:2.5rem auto 0;padding:2rem 1.25rem;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;text-align:center}.blog-cta-tools h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:1.25rem}.tools-cta-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.tool-cta-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;color:#0f172a;transition:border-color .2s,box-shadow .2s}.tool-cta-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb14}.cta-icon{font-size:1.75rem;margin-bottom:.35rem}.cta-title{font-size:1rem;font-weight:700;color:#0f172a}.cta-desc{font-size:.8rem;color:#64748b;margin-top:.2rem}.blog-seo-footer{margin-top:2.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.blog-seo-footer h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.blog-seo-footer p{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.blog-tools-recommendations{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.blog-tools-recommendations li{color:#475569;font-size:.9rem;line-height:1.5}.blog-tools-recommendations a{color:#2563eb;text-decoration:none}.blog-tools-recommendations a:hover{text-decoration:underline}.not-found-box{text-align:center;padding:3rem 1rem}@media(min-width:640px){.tools-cta-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.blog-index-header h1,.blog-article-title{font-size:2.25rem}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.related-grid{grid-template-columns:repeat(3,1fr)}}.legal-page{max-width:800px;margin:0 auto;padding:1rem 0 3rem}.legal-page h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.legal-updated{color:#94a3b8;font-size:.85rem;margin-bottom:2rem}.legal-page section{margin-bottom:2rem}.legal-page h2{font-size:1.2rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.legal-page h3{font-size:1.05rem;font-weight:600;color:#1e293b;margin:1rem 0 .5rem}.legal-page p{color:#475569;line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.legal-page ul{padding-left:1.5rem;margin-bottom:1rem}.legal-page li{color:#475569;line-height:1.7;margin-bottom:.35rem;font-size:.95rem}.legal-page a{color:#2563eb;text-decoration:none}.legal-page a:hover{text-decoration:underline}@media(min-width:768px){.legal-page h1{font-size:2.25rem}.legal-page h2{font-size:1.35rem}}.notepad-page{padding:.5rem 0}.notepad-header h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.notepad-subtitle{color:#64748b;font-size:.95rem;margin-bottom:1.25rem}.notepad-workspace{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .2s ease}body.notepad-fullpage-open{overflow:hidden!important}.notepad-workspace.fullpage-active{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;z-index:9999999!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}.notepad-workspace.fullpage-active .notepad-toolbar{border-radius:0;border-top:none;border-left:none;border-right:none;padding:.6rem 1.25rem;flex-shrink:0}.notepad-workspace.fullpage-active .notepad-editor{flex:1 1 auto;display:flex;flex-direction:column;height:100%;border-radius:0;border:none}.notepad-workspace.fullpage-active .notepad-editor textarea{flex:1 1 auto;width:100%;height:100%;min-height:unset;resize:none;padding:1.5rem 2rem;border-radius:0;border:none;box-sizing:border-box}.notepad-workspace.fullpage-active .notepad-status{border-radius:0;border-bottom:none;border-left:none;border-right:none;padding:.5rem 1.25rem;flex-shrink:0}.notepad-workspace.dark-theme{background:#0f172a;border:1px solid #334155}.notepad-workspace.dark-theme .notepad-toolbar{background:#1e293b;border-bottom:1px solid #334155}.notepad-workspace.dark-theme .notepad-editor textarea{background:#090d16;color:#f8fafc;caret-color:#38bdf8}.notepad-workspace.dark-theme .notepad-editor textarea::placeholder{color:#475569}.notepad-workspace.dark-theme .notepad-status{background:#1e293b;border-top:1px solid #334155;color:#94a3b8}.notepad-workspace.dark-theme .toolbar-btn{background:#0f172a;border-color:#334155;color:#e2e8f0}.notepad-workspace.dark-theme .toolbar-btn:hover{background:#334155;color:#fff}.notepad-workspace.dark-theme .toolbar-btn-danger:hover{background:#7f1d1d;color:#fecaca;border-color:#991b1b}.notepad-workspace.dark-theme .toolbar-btn-fullpage{background:#1e3a8a;color:#93c5fd;border-color:#2563eb}.notepad-workspace.dark-theme .toolbar-btn-fullpage:hover,.notepad-workspace.dark-theme .toolbar-btn-fullpage.active{background:#2563eb;color:#fff}.notepad-workspace.dark-theme .theme-toggle-btn{background:#f59e0b;color:#0f172a;font-weight:700;border-color:#d97706}.notepad-workspace.dark-theme .theme-toggle-btn:hover{background:#fbbf24}.notepad-workspace.dark-theme .font-size-control{color:#cbd5e1}.notepad-workspace.dark-theme .fullpage-esc-hint{color:#94a3b8}.notepad-workspace.dark-theme .fullpage-esc-hint code{background:#334155;color:#f8fafc}.notepad-workspace.light-theme{background:#fff;border:1px solid #e2e8f0}.notepad-workspace.light-theme .notepad-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0}.notepad-workspace.light-theme .notepad-editor textarea{background:#fff;color:#0f172a;caret-color:#2563eb}.notepad-workspace.light-theme .notepad-editor textarea::placeholder{color:#94a3b8}.notepad-workspace.light-theme .notepad-status{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b}.notepad-workspace.light-theme .toolbar-btn{background:#fff;border-color:#e2e8f0;color:#475569}.notepad-workspace.light-theme .toolbar-btn:hover{background:#e2e8f0;color:#0f172a}.notepad-workspace.light-theme .toolbar-btn-danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.notepad-workspace.light-theme .toolbar-btn-fullpage{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.notepad-workspace.light-theme .toolbar-btn-fullpage:hover,.notepad-workspace.light-theme .toolbar-btn-fullpage.active{background:#2563eb;color:#fff}.notepad-workspace.light-theme .theme-toggle-btn{background:#1e293b;color:#f8fafc;font-weight:700;border-color:#0f172a}.notepad-workspace.light-theme .theme-toggle-btn:hover{background:#334155}.notepad-workspace.light-theme .font-size-control{color:#475569}.notepad-workspace.light-theme .fullpage-esc-hint{color:#64748b}.notepad-workspace.light-theme .fullpage-esc-hint code{background:#e2e8f0;color:#0f172a}.notepad-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.toolbar-left,.toolbar-right{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-btn{padding:.45rem .85rem;border:1px solid;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.toolbar-btn-fullpage{font-weight:700}.font-size-control{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.font-size-control input[type=range]{width:80px;accent-color:#2563eb}.fullpage-esc-hint{font-size:.8rem;margin-left:.5rem}.fullpage-esc-hint code{padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:700}.notepad-editor{width:100%}.notepad-editor textarea{width:100%;min-height:480px;padding:1.25rem 1.5rem;border:none;outline:none;resize:vertical;font-family:Times New Roman,Times,serif;line-height:1.75;box-sizing:border-box}.notepad-status{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;flex-wrap:wrap;gap:.5rem}.status-left,.status-right{display:flex;align-items:center;gap:1rem}.save-indicator{color:#10b981;font-weight:700;animation:fadeIn .3s ease}.auto-save-label{font-style:italic}.status-theme-label{font-size:.8rem;opacity:.75}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tool-seo-content{margin-top:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.tool-seo-content h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.tool-seo-content h3{font-size:1.15rem;font-weight:600;color:#1e293b;margin:1.25rem 0 .75rem}.tool-seo-content p{color:#475569;line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.tool-seo-content ul{padding-left:1.5rem;margin-bottom:1rem}.tool-seo-content li{color:#475569;line-height:1.7;margin-bottom:.35rem;font-size:.95rem}.tool-seo-content a{color:#2563eb;text-decoration:none;font-weight:600}.tool-seo-content a:hover{text-decoration:underline}@media(min-width:768px){.notepad-header h1{font-size:2.25rem}.notepad-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.notepad-editor textarea{min-height:560px}}.wordcounter-page{padding:.5rem 0}.wc-header h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:.25rem;line-height:1.25}.wc-subtitle{color:#64748b;font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.wc-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.wc-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem .75rem;text-align:center;box-shadow:0 1px 3px #0000000a}.wc-stat-number{display:block;font-size:1.6rem;font-weight:800;color:#2563eb;margin-bottom:.2rem}.wc-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.wc-platform-selector-box{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000a}.platform-header-row{display:flex;flex-direction:column;gap:.75rem}.platform-dropdown-wrapper{display:flex;flex-direction:column;gap:.35rem;flex:1}.platform-label{font-size:.85rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.35rem}.platform-icon{font-size:1.1rem}.platform-dropdown{width:100%;padding:.55rem .85rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:.95rem;font-weight:600;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.platform-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.platform-quick-stats{display:flex;align-items:center}.platform-status-badge{font-size:.85rem;padding:.35rem .8rem;border-radius:9999px;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.platform-status-badge.badge-safe{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.platform-status-badge.badge-exceeded{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;animation:pulseWarning 1.5s infinite}@keyframes pulseWarning{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.platform-progress-container{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.platform-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#64748b;margin-bottom:.4rem}.progress-percent-label{font-weight:700;color:#0f172a}.platform-progress-track{width:100%;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.platform-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:9999px}.platform-progress-fill.fill-normal{background:#10b981}.platform-progress-fill.fill-warning{background:#f59e0b}.platform-progress-fill.fill-exceeded{background:#ef4444}.wc-actions{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.toolbar-btn-trim{background:#fef2f2!important;color:#b91c1c!important;border-color:#fca5a5!important;font-weight:700!important}.toolbar-btn-trim:hover{background:#fee2e2!important}.wc-textarea{width:100%;min-height:240px;padding:1rem 1.25rem;border:1px solid #cbd5e1;border-radius:10px;font-family:Times New Roman,Times,serif;font-size:1.05rem;line-height:1.7;color:#0f172a;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fff}.wc-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.wc-textarea.wc-textarea-exceeded{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.wc-textarea::placeholder{color:#94a3b8}.overflow-highlighter-card{margin-top:1rem;background:#fff5f5;border:2px solid #ef4444;border-radius:10px;padding:1.25rem;box-shadow:0 4px 12px #ef444414}.overflow-highlighter-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.overflow-title-group{display:flex;align-items:center;gap:.5rem}.overflow-alert-icon{font-size:1.25rem}.overflow-title-group h3{font-size:1.05rem;font-weight:800;color:#991b1b;margin:0}.overflow-count-pill{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:9999px}.btn-trim-action{padding:.35rem .75rem;background:#991b1b;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-trim-action:hover{background:#7f1d1d}.overflow-instruction{font-size:.85rem;color:#7f1d1d;margin:0 0 .75rem;line-height:1.5}.overflow-visual-preview{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:1rem;font-family:Times New Roman,Times,serif;font-size:1rem;line-height:1.7;max-height:250px;overflow-y:auto;word-break:break-word;white-space:pre-wrap}.text-valid{color:#1e293b}.text-excess{background:#fca5a5!important;color:#7f1d1d!important;padding:2px 4px;border-radius:4px;border:1px dashed #dc2626;font-weight:700;animation:overflowGlow 2s ease-in-out infinite alternate}@keyframes overflowGlow{0%{background-color:#fca5a5}to{background-color:#f87171;color:#fff}}.wc-keywords{margin-top:1.75rem}.wc-keywords h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.keywords-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.keywords-header{display:grid;grid-template-columns:1fr 90px 90px;padding:.75rem 1rem;background:#f8fafc;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.keyword-row{display:grid;grid-template-columns:1fr 90px 90px;padding:.65rem 1rem;border-top:1px solid #f1f5f9;font-size:.95rem}.keyword-word{color:#0f172a;font-weight:600}.keyword-count{color:#2563eb;font-weight:700;text-align:center}.keyword-density{color:#10b981;font-weight:700;text-align:center}@media(min-width:640px){.platform-header-row{flex-direction:row;align-items:center;justify-content:space-between}.platform-dropdown-wrapper{max-width:480px}}@media(min-width:768px){.wc-header h1{font-size:2.25rem}.wc-stats-grid{grid-template-columns:repeat(3,1fr)}.wc-stat-number{font-size:2rem}.wc-textarea{min-height:320px}}@media(min-width:1024px){.wc-stats-grid{grid-template-columns:repeat(6,1fr)}}.json-page{padding:.5rem 0}.json-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.json-subtitle{color:#64748b;font-size:.9rem;margin-bottom:1rem}.json-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem}.toolbar-btn-primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.toolbar-btn-primary:hover{background:#1d4ed8!important}.indent-control{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.indent-control select{padding:.3rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;background:#fff;color:#475569}.validation-badge{padding:.3rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600}.validation-badge.valid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.validation-badge.invalid{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.json-editor-grid{display:grid;grid-template-columns:1fr;gap:1rem}.json-panel{display:flex;flex-direction:column}.panel-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.json-panel textarea{width:100%;min-height:250px;padding:1rem;border:1px solid #e2e8f0;border-radius:10px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5;color:#1e293b;resize:vertical;outline:none;transition:border-color .2s;background:#fff;box-sizing:border-box;-moz-tab-size:2;tab-size:2}.json-panel textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.json-panel textarea::placeholder{color:#94a3b8;font-family:Times New Roman,Times,serif}.json-panel textarea[readonly]{background:#f8fafc}.json-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-top:.75rem}.error-icon{flex-shrink:0}@media(min-width:768px){.json-header h1{font-size:2rem}.json-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.json-editor-grid{grid-template-columns:1fr 1fr}.json-panel textarea{min-height:400px}}.imageresizer-page{padding:.5rem 0}.ir-header h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:.25rem;line-height:1.25}.ir-subtitle{color:#64748b;font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.ir-dropzone{background:#fff;border:2px dashed #93c5fd;border-radius:14px;padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb0a}.ir-dropzone:hover,.ir-dropzone:focus{border-color:#2563eb;background:#f0f7ff;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb1a;outline:none}.dropzone-icon{font-size:3.5rem;margin-bottom:.75rem}.ir-dropzone h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:.4rem}.dropzone-hint{font-size:.9rem;color:#64748b;margin-bottom:1.25rem}.dropzone-privacy-badge{display:inline-block;font-size:.8rem;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:.3rem .75rem;border-radius:9999px;font-weight:600}.ir-editor-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}.ir-controls-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.ir-panel-section{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #f1f5f9}.ir-panel-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.ir-panel-section h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.dimension-inputs-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.input-group{display:flex;flex-direction:column;gap:.25rem;flex:1;position:relative}.input-group label{font-size:.8rem;font-weight:700;color:#64748b}.input-group input{width:100%;padding:.5rem 1.8rem .5rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;font-weight:600;box-sizing:border-box}.input-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.unit-label{position:absolute;right:.6rem;bottom:.5rem;font-size:.75rem;color:#94a3b8;pointer-events:none}.btn-lock-aspect{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem .6rem;font-size:1.1rem;cursor:pointer;align-self:flex-end;margin-bottom:.2rem;transition:all .2s}.btn-lock-aspect.locked{background:#eff6ff;border-color:#93c5fd}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569;cursor:pointer}.presets-list{display:flex;flex-wrap:wrap;gap:.4rem}.preset-btn{padding:.35rem .65rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .15s}.preset-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.format-selection-row{display:flex;gap:1.25rem;margin-bottom:1rem}.radio-label{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:#0f172a;cursor:pointer}.quality-slider-group{margin-top:.75rem}.quality-header{display:flex;justify-content:space-between;font-size:.85rem;color:#475569;margin-bottom:.3rem}.quality-slider-group input[type=range]{width:100%;accent-color:#2563eb}.ir-actions-row{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.btn-download{width:100%;text-align:center;font-size:1rem;padding:.8rem 1.25rem}.ir-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column}.preview-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1rem;font-size:.85rem}.meta-col{display:flex;flex-direction:column}.meta-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:700}.meta-sub{font-size:.75rem;color:#94a3b8}.meta-arrow{color:#2563eb;font-size:1.2rem;font-weight:800}.compression-badge{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:.2rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:700}.preview-canvas-wrapper{flex:1;min-height:320px;background:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem;box-sizing:border-box}.preview-image{max-width:100%;max-height:480px;object-fit:contain;box-shadow:0 4px 16px #0000004d}.preview-loading{color:#94a3b8;font-size:.9rem}@media(min-width:768px){.ir-header h1{font-size:2.25rem}.ir-editor-grid{grid-template-columns:360px 1fr}.ir-actions-row{flex-direction:row}.btn-download{flex:2}}#root{min-height:100vh;display:flex;flex-direction:column}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--accent: #10b981;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--bg-main: #ffffff;--bg-subtle: #f8fafc;--border-color: #e2e8f0;--font-sans: "Times New Roman", Times, serif;--font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Times New Roman,Times,serif;color:var(--text-main);background-color:#f1f5f9;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-hover)}button,input,select,textarea{font-family:Times New Roman,Times,serif;font-size:inherit}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:Times New Roman,Times,serif;color:var(--text-main);line-height:1.25}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}