.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}}.stopwatch-page{max-width:960px;margin:0 auto;padding:2rem 1rem}.sw-header{text-align:center;margin-bottom:2rem}.sw-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.sw-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.sw-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.75rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.sw-mode-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;border-bottom:1px solid #334155;padding-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.sw-mode-tabs{display:flex;gap:.5rem}.sw-tab-btn{background:none;border:none;color:#94a3b8;padding:.6rem 1.25rem;font-size:1.05rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.sw-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.sw-tab-btn.active{color:#38bdf8;background:#0f172a;border:1px solid #334155}.sw-fullscreen-toggle{background:#334155;color:#f8fafc;border:none;padding:.55rem 1rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.sw-fullscreen-toggle:hover{background:#0284c7}.sw-clock-display{background:#0f172a;border:2px solid #3b82f6;border-radius:12px;padding:2.5rem 1rem;text-align:center;margin-bottom:1.75rem;font-family:Times New Roman,Times,serif;display:flex;justify-content:center;align-items:baseline;box-shadow:inset 0 2px 10px #0006}.sw-time-unit{font-size:4rem;font-weight:700;color:#f8fafc;min-width:80px;text-align:center}.sw-colon{font-size:3.5rem;font-weight:700;color:#38bdf8;margin:0 .2rem}.sw-ms-unit{font-size:2.4rem;font-weight:700;color:#38bdf8;min-width:55px;text-align:left}.sw-controls-row{display:flex;justify-content:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.sw-action-btn{padding:.85rem 2rem;border-radius:8px;font-size:1.15rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;min-width:130px}.btn-start{background:#10b981;color:#fff}.btn-start:hover{background:#059669}.btn-pause{background:#f59e0b;color:#0f172a}.btn-pause:hover{background:#d97706}.btn-lap{background:#0284c7;color:#fff}.btn-lap:hover{background:#0369a1}.btn-plus{background:#8b5cf6;color:#fff}.btn-plus:hover{background:#7c3aed}.btn-reset{background:#334155;color:#f8fafc}.btn-reset:hover{background:#475569}.sw-action-btn:disabled{opacity:.4;cursor:not-allowed}.sw-keyboard-hint{text-align:center;color:#64748b;font-size:.85rem;margin-bottom:1.5rem}.sw-laps-wrapper{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem;margin-top:1.5rem}.sw-laps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #334155;padding-bottom:.75rem}.sw-laps-header h3{color:#f8fafc;font-size:1.15rem;margin:0}.sw-copy-laps-btn{background:#1e293b;color:#38bdf8;border:1px solid #475569;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer}.sw-copy-laps-btn:hover{background:#334155}.sw-laps-table-container{max-height:280px;overflow-y:auto}.sw-laps-table{width:100%;border-collapse:collapse}.sw-laps-table th,.sw-laps-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid #1e293b;color:#cbd5e1;font-family:monospace}.sw-laps-table th{color:#94a3b8;font-size:.85rem;text-transform:uppercase}.lap-fastest{background:#10b9811a;color:#34d399!important}.lap-slowest{background:#ef44441a;color:#f87171!important}.lap-tag{margin-left:.5rem;font-size:.75rem;padding:.15rem .4rem;border-radius:4px;font-family:sans-serif}.tag-fast{background:#10b981;color:#fff}.tag-slow{background:#ef4444;color:#fff}.sw-timer-display{background:#0f172a;border:2px solid #3b82f6;border-radius:12px;padding:2.5rem 1rem;text-align:center;font-family:Times New Roman,Times,serif;font-size:4.5rem;font-weight:700;color:#38bdf8;margin-bottom:1.25rem;box-shadow:inset 0 2px 10px #0006}.sw-timer-display.timer-alert{border-color:#ef4444;color:#ef4444;animation:pulse-alert 1s infinite alternate}@keyframes pulse-alert{0%{background-color:#0f172a}to{background-color:#ef444433}}.sw-progress-track{width:100%;height:10px;background:#0f172a;border-radius:5px;overflow:hidden;margin-bottom:1.75rem;border:1px solid #334155}.sw-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease}.sw-timer-finished-banner{background:#10b98133;border:1px solid #10b981;color:#34d399;text-align:center;padding:.85rem;border-radius:8px;font-size:1.15rem;font-weight:700;margin-bottom:1.5rem}.sw-presets-section{margin-top:1.5rem;border-top:1px solid #334155;padding-top:1.25rem}.sw-presets-label{display:block;color:#94a3b8;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.sw-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.5rem}.sw-preset-btn{background:#0f172a;border:1px solid #334155;color:#cbd5e1;padding:.6rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.sw-preset-btn:hover{background:#334155;color:#38bdf8;border-color:#38bdf8}.sw-preset-pomodoro{border-color:#ef4444;color:#fca5a5}.sw-preset-pomodoro:hover{background:#ef4444;color:#fff}.sw-custom-inputs-card{margin-top:1.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem}.sw-custom-inputs-card h4{color:#cbd5e1;font-size:1rem;margin-bottom:.85rem}.sw-inputs-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.sw-input-field{display:flex;flex-direction:column;gap:.35rem}.sw-input-field label{color:#94a3b8;font-size:.85rem}.sw-input-field input{background:#1e293b;border:1px solid #475569;border-radius:6px;padding:.5rem .75rem;color:#f8fafc;font-family:monospace;font-size:1.1rem;width:75px;text-align:center}.sw-set-time-btn{background:#3b82f6;color:#fff;border:none;padding:.55rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.sw-set-time-btn:hover{background:#2563eb}body.sw-fullscreen-open{overflow:hidden!important}.sw-workspace.fullscreen-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:2rem!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#090d16!important}.sw-workspace.fullscreen-active .sw-clock-display,.sw-workspace.fullscreen-active .sw-timer-display{padding:4rem 1rem;font-size:7rem}.sw-workspace.fullscreen-active .sw-time-unit{font-size:7rem}.sw-workspace.fullscreen-active .sw-colon{font-size:6rem}.sw-workspace.fullscreen-active .sw-ms-unit{font-size:4rem}.sw-workspace.fullscreen-active .sw-action-btn{padding:1.25rem 3rem;font-size:1.5rem}@media(max-width:640px){.sw-time-unit{font-size:2.5rem;min-width:48px}.sw-colon{font-size:2.2rem}.sw-ms-unit{font-size:1.6rem;min-width:35px}.sw-timer-display{font-size:3rem;padding:1.75rem .5rem}}.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}}.password-gen-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.pg-header{text-align:center;margin-bottom:2rem}.pg-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.pg-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.pg-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.75rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.pg-display-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#0f172a;border:2px solid #3b82f6;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.pg-password-text{font-family:Times New Roman,Times,serif;font-size:1.4rem;color:#38bdf8;word-break:break-all;letter-spacing:1px}.pg-display-actions{display:flex;gap:.5rem;flex-shrink:0}.pg-btn{padding:.65rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.pg-copy-btn{background:#3b82f6;color:#fff}.pg-copy-btn:hover{background:#2563eb}.pg-copy-btn.copied{background:#10b981}.pg-refresh-btn{background:#334155;color:#f8fafc}.pg-refresh-btn:hover{background:#475569}.pg-strength-bar-container{margin-bottom:1.75rem;padding:.75rem 1rem;background:#0f172a;border-radius:8px;border:1px solid #334155}.pg-strength-info{display:flex;justify-content:space-between;font-size:.95rem;color:#94a3b8;margin-bottom:.5rem}.pg-bar-track{width:100%;height:8px;background:#334155;border-radius:4px;overflow:hidden}.pg-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.pg-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.pg-tab-btn{background:none;border:none;color:#94a3b8;padding:.6rem 1.2rem;font-size:1.05rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.pg-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.pg-tab-btn.active{color:#38bdf8;background:#0f172a;border:1px solid #334155}.pg-controls-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.pg-slider-group{margin-bottom:1.5rem}.pg-slider-header{display:flex;justify-content:space-between;color:#f8fafc;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.pg-slider-value{color:#38bdf8}.pg-range-input{width:100%;accent-color:#3b82f6;cursor:pointer}.pg-checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.pg-checkbox-item{display:flex;align-items:center;gap:.6rem;color:#cbd5e1;font-size:.95rem;cursor:pointer}.pg-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.pg-select-group{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#f8fafc}.pg-select-input,.pg-batch-select{background:#1e293b;border:1px solid #475569;color:#f8fafc;padding:.5rem .75rem;border-radius:6px;font-size:.95rem;cursor:pointer}.pg-batch-row{margin-top:1.25rem;display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.95rem;border-top:1px solid #334155;padding-top:1rem}.pg-batch-results{margin-top:1.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem}.pg-batch-results h3{color:#f8fafc;font-size:1.15rem;margin-bottom:1rem}.pg-batch-list{display:flex;flex-direction:column;gap:.5rem}.pg-batch-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:#1e293b;border-radius:6px}.pg-batch-text{font-family:Times New Roman,Times,serif;color:#38bdf8;font-size:1.05rem;word-break:break-all}.pg-batch-copy-btn{background:#334155;color:#f8fafc;padding:.35rem .75rem;font-size:.85rem}.pg-batch-copy-btn:hover{background:#3b82f6}@media(max-width:640px){.pg-display-box{flex-direction:column;align-items:stretch;text-align:center}.pg-display-actions{justify-content:center}.pg-strength-info{flex-direction:column;gap:.35rem}}.base64-page{max-width:1000px;margin:0 auto;padding:2rem 1rem}.b64-header{text-align:center;margin-bottom:2rem}.b64-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.b64-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.b64-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.b64-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.b64-tab-btn{background:none;border:none;color:#94a3b8;padding:.6rem 1.25rem;font-size:1.05rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.b64-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.b64-tab-btn.active{color:#38bdf8;background:#0f172a;border:1px solid #334155}.b64-file-dropzone{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem;border:2px dashed #475569;border-radius:8px;background:#0f172a;color:#94a3b8;font-size:.95rem;cursor:pointer;margin-bottom:1.25rem;transition:border-color .2s}.b64-file-dropzone:hover{border-color:#38bdf8;color:#f8fafc}.drop-icon{font-size:1.3rem}.b64-error-banner{background:#ef444426;border:1px solid #ef4444;color:#fca5a5;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.25rem;font-size:.95rem}.b64-editors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.b64-panel{display:flex;flex-direction:column}.b64-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#cbd5e1;font-size:.95rem;font-weight:600}.b64-char-count{color:#64748b;font-size:.85rem}.b64-textarea{width:100%;height:240px;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;color:#f8fafc;font-family:Times New Roman,Times,serif;font-size:1.05rem;line-height:1.5;resize:vertical}.b64-textarea:focus{outline:none;border-color:#38bdf8}.b64-actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;border-top:1px solid #334155;padding-top:1.25rem}.b64-action-group{display:flex;gap:.5rem;flex-wrap:wrap}.b64-btn{padding:.65rem 1.15rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.b64-btn-primary{background:#3b82f6;color:#fff}.b64-btn-primary:hover{background:#2563eb}.b64-btn-secondary{background:#0284c7;color:#fff}.b64-btn-secondary:hover{background:#0369a1}.b64-btn-swap{background:#334155;color:#f8fafc}.b64-btn-swap:hover{background:#475569}.b64-btn-copy{background:#10b981;color:#fff}.b64-btn-copy:hover{background:#059669}.b64-btn-copy.copied{background:#16a34a}.b64-btn-download{background:#475569;color:#f8fafc}.b64-btn-download:hover{background:#64748b}.b64-btn-clear{background:#ef4444;color:#fff}.b64-btn-clear:hover{background:#dc2626}.b64-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.b64-editors-grid{grid-template-columns:1fr}.b64-actions-bar{flex-direction:column;align-items:stretch}.b64-action-group{justify-content:center}}.markdown-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.md-header{text-align:center;margin-bottom:2rem}.md-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.md-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.md-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.md-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:1rem}.md-tools-left,.md-tools-right{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.md-tool-btn{background:#1e293b;border:1px solid #475569;color:#f8fafc;padding:.4rem .65rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.md-tool-btn:hover{background:#334155;border-color:#38bdf8}.md-tool-divider{color:#475569;margin:0 .25rem}.md-btn-sample{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.md-btn-sample:hover{background:#2563eb}.md-btn-fullscreen{background:#0284c7;border-color:#0284c7;color:#fff;font-weight:600}.md-btn-fullscreen:hover{background:#0369a1}.md-btn-fullscreen.active{background:#10b981;border-color:#10b981}.md-btn-clear{background:#ef4444;border-color:#ef4444;color:#fff}.md-btn-clear:hover{background:#dc2626}.md-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.md-editor-panel,.md-preview-panel{display:flex;flex-direction:column;background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.md-panel-bar{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;background:#1e293b;border-bottom:1px solid #334155;color:#f8fafc;font-size:.9rem;font-weight:600}.md-panel-stats{color:#94a3b8;font-size:.85rem}.md-view-tabs{display:flex;gap:.5rem}.md-view-tab{background:none;border:none;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;padding:.2rem .5rem;border-radius:4px}.md-view-tab.active{color:#38bdf8;background:#0f172a}.md-textarea{width:100%;height:480px;background:transparent;border:none;padding:1rem;color:#f8fafc;font-family:Times New Roman,Times,serif;font-size:1.05rem;line-height:1.6;resize:vertical}.md-textarea:focus{outline:none}.md-preview-content{height:480px;overflow-y:auto;padding:1rem 1.25rem;color:#f8fafc;font-family:Times New Roman,Times,serif;line-height:1.7}.md-rendered-body h1,.md-rendered-body h2,.md-rendered-body h3{color:#f8fafc;margin-top:1.25rem;margin-bottom:.5rem;border-bottom:1px solid #334155;padding-bottom:.35rem}.md-rendered-body p{margin-bottom:1rem;color:#cbd5e1}.md-rendered-body pre{background:#090d16;border:1px solid #334155;border-radius:6px;padding:.85rem;overflow-x:auto;margin-bottom:1rem}.md-rendered-body code{font-family:monospace;background:#ffffff1a;padding:.15rem .35rem;border-radius:4px;color:#38bdf8;font-size:.9em}.md-rendered-body pre code{background:transparent;padding:0}.md-rendered-body blockquote{border-left:4px solid #38bdf8;padding-left:1rem;margin:1rem 0;color:#94a3b8;font-style:italic}.md-rendered-body hr{border:0;border-top:1px solid #334155;margin:1.5rem 0}.md-rendered-body a{color:#38bdf8;text-decoration:underline}.md-rendered-body ul,.md-rendered-body ol{padding-left:1.5rem;margin-bottom:1rem;color:#cbd5e1}.md-table-wrapper{overflow-x:auto;margin:1rem 0}.md-rendered-body table{width:100%;border-collapse:collapse}.md-rendered-body th,.md-rendered-body td{border:1px solid #334155;padding:.5rem .75rem;text-align:left}.md-rendered-body th{background:#1e293b;color:#f8fafc}.md-raw-html{margin:0;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:.9rem;color:#38bdf8}.md-footer-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.md-action-group{display:flex;gap:.5rem;flex-wrap:wrap}.md-action-btn{padding:.65rem 1.15rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.md-btn-copy{background:#10b981;color:#fff}.md-btn-copy:hover{background:#059669}.md-btn-copy.copied{background:#16a34a}.md-btn-download{background:#334155;color:#f8fafc}.md-btn-download:hover{background:#475569}@media(max-width:820px){.md-split-grid{grid-template-columns:1fr}}body.md-fullpage-open{overflow:hidden!important}.md-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;background:#0f172a!important}.md-workspace.fullpage-active .md-toolbar{border-radius:0;border-top:none;border-left:none;border-right:none;margin-bottom:0;padding:.65rem 1.25rem;flex-shrink:0}.md-workspace.fullpage-active .md-split-grid{flex:1 1 auto;height:calc(100vh - 120px);margin-bottom:0;border-radius:0;gap:0}.md-workspace.fullpage-active .md-editor-panel,.md-workspace.fullpage-active .md-preview-panel{border-radius:0;border-top:none;border-bottom:none;height:100%}.md-workspace.fullpage-active .md-textarea{height:100%!important;flex:1 1 auto;resize:none;padding:1.5rem 2rem}.md-workspace.fullpage-active .md-preview-content{height:100%!important;flex:1 1 auto;padding:1.5rem 2rem}.md-workspace.fullpage-active .md-footer-actions{border-top:1px solid #334155;background:#1e293b;padding:.6rem 1.25rem;flex-shrink:0}.uuid-page{max-width:960px;margin:0 auto;padding:2rem 1rem}.uuid-header{text-align:center;margin-bottom:2rem}.uuid-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.uuid-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.uuid-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.uuid-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.uuid-tab-btn{background:none;border:none;color:#94a3b8;padding:.6rem 1.25rem;font-size:1.05rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.uuid-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.uuid-tab-btn.active{color:#38bdf8;background:#0f172a;border:1px solid #334155}.uuid-controls-panel{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.uuid-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.uuid-control-group{display:flex;flex-direction:column;gap:.35rem}.uuid-control-group label{color:#cbd5e1;font-size:.9rem;font-weight:600}.uuid-select{background:#1e293b;border:1px solid #475569;color:#f8fafc;padding:.5rem .75rem;border-radius:6px;font-size:.95rem;cursor:pointer}.uuid-checkboxes-row{display:flex;flex-wrap:wrap;gap:1.5rem;border-top:1px solid #334155;padding-top:1rem}.uuid-checkbox-item{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.95rem;cursor:pointer}.uuid-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.uuid-results-panel{margin-bottom:1.25rem}.uuid-results-header{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.uuid-type-badge{background:#38bdf826;color:#38bdf8;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-family:monospace}.uuid-textarea{width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;color:#38bdf8;font-family:monospace;font-size:1.05rem;line-height:1.6;resize:vertical}.uuid-actions-bar{display:flex;gap:.75rem;flex-wrap:wrap}.uuid-btn{padding:.65rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.uuid-btn-primary{background:#3b82f6;color:#fff}.uuid-btn-primary:hover{background:#2563eb}.uuid-btn-copy{background:#10b981;color:#fff}.uuid-btn-copy:hover{background:#059669}.uuid-btn-copy.copied{background:#16a34a}.uuid-btn-download{background:#334155;color:#f8fafc}.uuid-btn-download:hover{background:#475569}.epoch-tools-container{display:flex;flex-direction:column;gap:1.5rem}.epoch-live-card{display:flex;align-items:center;justify-content:space-between;background:#0f172a;border:2px solid #3b82f6;border-radius:8px;padding:1.25rem;flex-wrap:wrap;gap:.75rem}.epoch-live-label{color:#94a3b8;font-size:1.1rem}.epoch-live-value{color:#38bdf8;font-size:1.8rem;font-family:monospace;font-weight:700}.uuid-btn-small{background:#3b82f6;color:#fff;border:none;padding:.4rem .85rem;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer}.epoch-converters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.epoch-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem}.epoch-card h3{color:#f8fafc;font-size:1.15rem;margin-bottom:1rem}.epoch-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.epoch-input-group label{color:#cbd5e1;font-size:.9rem}.epoch-input{background:#1e293b;border:1px solid #475569;border-radius:6px;padding:.65rem .85rem;color:#f8fafc;font-family:monospace;font-size:1rem}.epoch-result-box{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.85rem;color:#38bdf8;font-family:monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-all;margin:0}.color-page{max-width:960px;margin:0 auto;padding:2rem 1rem}.color-header{text-align:center;margin-bottom:2rem}.color-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.color-subtitle{color:#475569;font-size:1.1rem;line-height:1.5}.color-workspace{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0003}.color-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.color-tab-btn{background:none;border:none;color:#94a3b8;padding:.6rem 1.25rem;font-size:1.05rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.color-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.color-tab-btn.active{color:#38bdf8;background:#0f172a;border:1px solid #334155}.color-hero-grid{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;margin-bottom:2rem;align-items:stretch}.color-large-preview{border-radius:8px;border:2px solid #334155;position:relative;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 8px #0003}.color-native-picker{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.color-values-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.color-value-row{display:flex;align-items:center;gap:.75rem}.color-val-label{width:48px;color:#cbd5e1;font-weight:700;font-size:.95rem}.color-val-input{flex:1;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:.5rem .75rem;color:#38bdf8;font-family:monospace;font-size:1rem}.color-copy-btn{background:#334155;color:#f8fafc;border:none;padding:.5rem .85rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.color-copy-btn:hover{background:#3b82f6}.color-palettes-section h3{color:#cbd5e1;font-size:1.05rem;margin:1.25rem 0 .5rem}.color-swatches-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin-bottom:1rem}.color-swatch-box{height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:transform .15s ease}.color-swatch-box:hover{transform:translateY(-2px);border-color:#fff}.color-swatch-box span{font-family:monospace;font-size:.8rem;padding:.15rem .4rem;background:#0009;color:#fff;border-radius:3px}.contrast-checker-container{display:flex;flex-direction:column;gap:1.5rem}.contrast-pickers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contrast-picker-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.contrast-picker-card label{color:#cbd5e1;font-size:.95rem;font-weight:600}.contrast-input-row{display:flex;align-items:center;gap:.75rem}.contrast-color-box{width:44px;height:44px;border:none;border-radius:6px;cursor:pointer;background:transparent}.contrast-text-input{flex:1;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:.6rem .75rem;color:#f8fafc;font-family:monospace;font-size:1rem}.contrast-score-card{background:#0f172a;border:2px solid #334155;border-radius:8px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.contrast-score-left{display:flex;flex-direction:column}.contrast-score-label{color:#94a3b8;font-size:.95rem}.contrast-ratio-number{color:#38bdf8;font-size:2.2rem;font-family:monospace;font-weight:700}.contrast-badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.contrast-badge{padding:.45rem .85rem;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center}.contrast-badge.pass{background:#10b98133;color:#34d399;border:1px solid #10b981}.contrast-badge.fail{background:#ef444433;color:#f87171;border:1px solid #ef4444}.contrast-live-preview-box{border:1px solid #334155;border-radius:8px;padding:1.5rem}@media(max-width:640px){.color-hero-grid,.contrast-pickers-grid{grid-template-columns:1fr}}#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}.tool-seo-content{margin-top:2rem;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.tool-seo-content h2{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:1rem}.tool-seo-content h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:1.5rem 0 .75rem}.tool-seo-content p{color:#334155;line-height:1.7;margin-bottom:1rem;font-size:1.05rem}.tool-seo-content ul,.tool-seo-content ol{padding-left:1.75rem;margin-bottom:1.25rem}.tool-seo-content li{color:#334155;line-height:1.7;margin-bottom:.5rem;font-size:1rem}.tool-seo-content a{color:#2563eb;text-decoration:underline;font-weight:600}.tool-seo-content a:hover{color:#1d4ed8}