:root{--bg-primary:#f1f5f9;--bg-secondary:#ffffff;--bg-card:#ffffff;--text-main:#0f172a;--text-muted:#475569;--text-links:#1e40af;--border-color:#cbd5e1;--search-focus-ring:rgba(124, 58, 237, 0.3);--accent-purple:#6d28d9;--accent-green:#15803d;--shadow-sm:0 1px 3px rgba(15, 23, 42, 0.1);--shadow-md:0 4px 12px rgba(15, 23, 42, 0.08)}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#111723;--bg-card:#151d2a;--text-main:#f8fafc;--text-muted:#94a3b8;--text-links:#60a5fa;--border-color:#243146;--search-focus-ring:rgba(139, 92, 246, 0.4);--accent-purple:#a78bfa;--accent-green:#4ade80;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:Ubuntu,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease}.app-container{display:flex;min-height:calc(100vh - 65px);position:relative}.site-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.site-header .header-container{max-width:1440px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--text-main)}.site-logo img{height:36px;width:auto;display:block}.desktop-nav-links{display:none;align-items:center;gap:1.75rem}.desktop-nav-links a{font-size:.95rem;font-weight:500;text-decoration:none;color:var(--text-muted);transition:color .2s}.desktop-nav-links a:hover{color:var(--accent-purple)}@media (min-width:992px){.desktop-nav-links{display:flex}}.theme-btn-icon{background:0 0;border:none;color:var(--text-muted);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.theme-btn-icon:hover{background-color:var(--bg-primary);color:var(--accent-purple)}.theme-btn-icon svg{width:20px;height:20px}.theme-btn-icon .sun-icon{display:none}.theme-btn-icon .moon-icon{display:block}[data-theme=dark] .theme-btn-icon .sun-icon{display:block;color:#facc15}[data-theme=dark] .theme-btn-icon .moon-icon{display:none}.site-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:260px;position:fixed;top:61px;bottom:0;left:-260px;z-index:99;transition:transform .25s cubic-bezier(.4, 0, .2, 1);overflow-y:auto;padding:1.5rem 1rem}.site-sidebar.open{transform:translateX(260px)}@media (min-width:992px){.site-sidebar{position:sticky;top:61px;left:0;transform:none;height:calc(100vh - 61px)}}.mobile-sidebar-meta{border-bottom:1px solid var(--border-color);padding-bottom:1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:992px){.mobile-sidebar-meta{display:none}}.mobile-sidebar-meta .mobile-actions-row{display:flex;justify-content:space-between;align-items:center;font-weight:600}.mobile-sidebar-meta .mobile-nav-links{display:flex;flex-direction:column;gap:.75rem}.mobile-sidebar-meta .mobile-nav-links a{color:var(--text-muted);font-weight:500}.sidebar-menu .menu-group{margin-bottom:2rem}.sidebar-menu .menu-group .group-title{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-weight:700}.sidebar-menu .menu-group ul{list-style:none}.sidebar-menu .menu-group li{margin-bottom:.25rem}.sidebar-menu .menu-group li a:link,.sidebar-menu .menu-group li a:visited{color:var(--text-muted);text-decoration:none}.sidebar-menu .menu-group li a:hover{color:var(--text-links)}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;font-size:.95rem;font-weight:500;color:var(--text-muted);transition:all .15s ease}.menu-link:hover{background-color:var(--bg-primary);color:var(--text-main)}.menu-link.active-link{background-color:var(--search-focus-ring);color:var(--accent-purple);font-weight:600}.menu-link .link-bullet{font-family:monospace;font-weight:700;opacity:.7}.burger-btn{background:0 0;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;width:30px;padding:5px 0}@media (min-width:992px){.burger-btn{display:none}}.burger-btn span{display:block;width:100%;height:3px;background-color:var(--text-main);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger-btn.open span:first-child{transform:translateY(8px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-layout{flex:1;margin:0 auto;min-width:0;max-width:1100px;padding:2rem 1rem}.main-layout .tool-header{text-align:center}.main-layout .tool-header h1{font-size:1.75rem;margin-bottom:6px}.main-layout .tool-header p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.main-layout .tool-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.main-layout .field-group{margin-bottom:16px}.main-layout .field-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}.main-layout textarea{width:100%;height:180px;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-family:monospace;font-size:.9rem;resize:vertical;outline:0}.main-layout textarea:focus{border-color:var(--accent-purple)}.main-layout .copy-textarea-wrapper{position:relative;display:block;width:100%}.main-layout .copy-textarea-wrapper textarea.click-to-copy{width:100%;min-height:120px;padding:12px;padding-bottom:35px;border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:.9rem;resize:vertical;cursor:pointer;background:#fff;outline:0;transition:border-color .2s,background-color .2s}.main-layout .copy-textarea-wrapper textarea.click-to-copy:hover{border-color:#3b82f6;background-color:#fafafa}.main-layout .copy-textarea-wrapper .copy-badge{position:absolute;bottom:10px;right:10px;pointer-events:none;background:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:4px;transition:all .2s ease-in-out}.main-layout .copy-textarea-wrapper.is-copied .copy-badge{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.main-layout .btn-action{width:100%;padding:12px;background:var(--accent-purple);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.main-layout .btn-action:hover{background-color:var(--bg-secondary)}.main-layout .btn-action:hover{background:var(--accent-green)}.main-layout .info-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.main-layout .info-section h2{font-size:1.3rem;margin-bottom:10px}.main-layout .info-section p{color:var(--text-muted);font-size:.95rem;margin-bottom:16px}@media (min-width:768px){.main-layout{padding:3rem 2rem}.main-layout .grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.main-layout .btn-action{width:auto;padding:12px 32px;display:block;margin-left:auto}}.hero-section{text-align:center;max-width:700px;margin:0 auto 1rem}.hero-section h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.hero-section .hero-subtitle{color:var(--text-muted);font-size:1.05rem}.search-container{position:relative;max-width:500px;margin:2rem auto 0}.search-wrapper input{width:100%;padding:.85rem 1.25rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-main);font-size:1rem;outline:0;transition:border-color .2s}.search-wrapper input:focus{border-color:var(--accent-purple)}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-secondary);border:2px solid var(--accent-purple);border-top:none;border-radius:0 0 8px 8px;list-style:none;z-index:500;box-shadow:var(--shadow-md);max-height:250px;overflow-y:auto}.autocomplete-item{padding:.75rem 1.25rem;cursor:pointer;text-align:left;font-weight:500;border-bottom:1px solid var(--border-color);transition:background .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--bg-primary);color:var(--accent-purple)}.workspace-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto}@media (min-width:1200px){.workspace-grid{grid-template-columns:3fr 1fr}}.tool-category .category-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 1rem 0}.tool-category .category-title a:link,.tool-category .category-title a:visited{color:var(--text-muted);text-decoration:none}.tool-category .category-title a:hover{color:var(--text-links)}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{color:var(--text-links);background-color:var(--bg-card);border:2px solid var(--border-color);padding:1.25rem;border-radius:12px;display:flex;gap:1rem;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4, 0, .2, 1),border-color .2s;text-decoration:none}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:var(--shadow-md)}.tool-card .tool-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.tool-card .icon-purple{color:#fff;background:#6d28d9}.tool-card .icon-green{color:#fff;background:#15803d}.tool-card .tool-meta h3{font-size:1.05rem;margin-bottom:.25rem;font-weight:700}.tool-card .tool-meta p{font-size:.88rem;color:var(--text-muted);line-height:1.4}.tool-card.active-card{border-color:var(--accent-purple)}.adsense-wrapper{margin:2.5rem 0;text-align:center}.adsense-wrapper .ad-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:.4rem}.adsense-wrapper .ad-fallback-box{background-color:var(--bg-secondary);border:2px dashed var(--border-color);height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;border-radius:6px}.adsense-wrapper .ad-fallback-box-sidebar{background-color:var(--bg-secondary);border:2px dashed var(--border-color);height:600px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;border-radius:6px}.seo-content-block{margin-top:1rem;border-top:2px solid var(--border-color);padding-top:2rem}.seo-content-block h2{font-size:1.4rem;margin-bottom:.75rem}.seo-content-block h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.seo-content-block p{color:var(--text-muted);margin-bottom:1rem}.seo-content-block ul{margin-left:1.5rem;color:var(--text-muted)}.seo-content-block ul li{margin-bottom:.5rem}.site-footer{text-align:center;padding:2.5rem 1rem;margin-top:0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.88rem}.site-footer a:link,.site-footer a:visited{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text-links)}.general-content{color:var(--text-muted)}.general-content h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-bottom:10px;margin-top:0}.general-content h2{font-size:1.4rem;margin-top:1rem}.general-content ul{list-style:none}.general-content ol{margin-left:1rem}.general-content li{margin-bottom:.25rem}.general-content a:link,.general-content a:visited{color:var(--text-main);text-decoration:none}.general-content a:hover{color:var(--text-links)}