:root{--primary:#2563eb;--secondary:#7c3aed;--accent:#06b6d4;--success:#10b981;--bg:#f6f8fc;--surface:#fff;--surface-alt:#eef4ff;--text:#172033;--soft:#667085;--border:#dfe6f1;--nav-bg:#fff;--footer-bg:#f0f4fa;--button-text:#fff;--shadow:0 18px 55px rgba(31,47,74,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:radial-gradient(circle at 8% 2%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--secondary) 8%,transparent),transparent 28%),var(--bg);color:var(--text);min-height:100vh}.top-glow{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary));z-index:1050}.sts-nav{background:color-mix(in srgb,var(--nav-bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 6px 25px rgba(31,47,74,.05)}.navbar-brand,.nav-link{color:var(--text)!important}.nav-link:hover{color:var(--primary)!important}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent),var(--secondary));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 25%,transparent)}.navbar-toggler{color:var(--text);border:1px solid var(--border)}.btn{transition:.2s}.btn-primary{border:0;color:var(--button-text);background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(.96)}.btn-outline-light{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.btn-outline-light:hover{background:var(--primary);border-color:var(--primary);color:#fff}.hero{padding:88px 0 60px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:99px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:color-mix(in srgb,var(--primary) 80%,#000);font-size:.82rem;font-weight:700}.hero h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.98;letter-spacing:-.06em;font-weight:800}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary));-webkit-background-clip:text;color:transparent}.lead,.text-soft{color:var(--soft)!important}.max-720{max-width:720px}.max-520{max-width:520px}.search-shell{display:flex;gap:10px;padding:8px;border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}.search-shell input{background:transparent;border:0;color:var(--text);padding:13px 15px;outline:0;width:100%}.hero-console,.glass-card,.tool-card,.upload-zone,.result-panel{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-alt) 55%,var(--surface)));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero-console{padding:22px;transform:rotate(1deg)}.console-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:15px}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 15px var(--success)}.scan-row{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface-alt) 45%,var(--surface));margin-top:12px}.scan-row i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--primary)}.scan-row small{color:var(--soft);display:block}.section{padding:70px 0}.section-title{font-weight:800;letter-spacing:-.03em}.tool-card{display:block;height:100%;padding:22px;color:var(--text);text-decoration:none;transition:.25s}.tool-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--text);box-shadow:0 25px 65px color-mix(in srgb,var(--primary) 13%,transparent)}.tool-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--secondary) 13%,var(--surface)));font-size:1.35rem;color:var(--primary)}.tool-card p{color:var(--soft);font-size:.9rem}.tool-card .arrow{margin-top:auto;color:var(--primary);font-weight:700}.stat{padding:18px;border-left:1px solid var(--border)}.stat b{display:block;font-size:1.5rem}.category-chip{display:inline-flex;padding:9px 14px;border:1px solid var(--border);border-radius:99px;color:var(--soft);background:var(--surface);text-decoration:none;margin:4px}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.tool-hero{padding:65px 0 25px}.tool-box{padding:26px}.upload-zone{padding:48px 22px;text-align:center;border-style:dashed;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--primary);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.upload-zone input{display:none}.upload-zone i{font-size:2.5rem;color:var(--primary)}.form-control,.form-select{background:var(--surface);border-color:var(--border);color:var(--text)}.form-control:focus,.form-select:focus{background:var(--surface);color:var(--text);border-color:var(--primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary) 14%,transparent)}.form-control::placeholder{color:color-mix(in srgb,var(--soft) 70%,transparent)}.result-panel{padding:20px}.preview-img{max-width:100%;max-height:420px;border-radius:16px}.badge-soft{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:color-mix(in srgb,var(--success) 75%,#000);border:1px solid color-mix(in srgb,var(--success) 22%,var(--border))}.comparison-wrap{position:relative;overflow:hidden;border-radius:18px;background:#edf1f7;min-height:320px}.comparison-wrap img{width:100%;display:block}.comparison-top{position:absolute;inset:0;overflow:hidden;width:50%}.comparison-handle{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--primary)}.dropdown-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.mega-menu{min-width:620px}.dropdown-item{color:var(--text)}.dropdown-item:hover{background:var(--surface-alt);color:var(--primary)}.tool-mini{display:flex;gap:10px;white-space:normal;border-radius:12px}.tool-mini small{display:block;color:var(--soft);font-size:.72rem}.footer{border-top:1px solid var(--border);background:var(--footer-bg)}.footer a{display:block;color:var(--soft);text-decoration:none;margin:9px 0}.footer a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0;color:var(--soft);font-size:.9rem}.privacy-pill{display:flex;gap:12px;padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:17px}.privacy-pill i{color:var(--success);font-size:1.5rem}.privacy-pill small{display:block;color:var(--soft)}.accordion-item{border-color:var(--border)!important}.accordion-button,.accordion-button.text-white{color:var(--text)!important}.accordion-button:not(.collapsed){background:var(--surface-alt)!important;color:var(--primary)!important;box-shadow:none}.accordion-button:focus{box-shadow:none}.progress{background:var(--surface-alt)}.progress-bar{background:linear-gradient(90deg,var(--primary),var(--accent))}.text-white{color:var(--text)!important}
.admin-wrap{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.admin-side{padding:25px;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh}.admin-main{padding:35px}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;color:var(--soft);text-decoration:none;margin:5px 0}.admin-nav-link:hover,.admin-nav-link.active{background:var(--surface-alt);color:var(--primary)}.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--border)}.theme-preview{min-height:210px;background:var(--preview-bg,var(--bg));border:1px solid var(--preview-border,var(--border));border-radius:20px;padding:20px}.theme-preview-card{background:var(--preview-surface,var(--surface));border:1px solid var(--preview-border,var(--border));border-radius:15px;padding:18px;color:var(--preview-text,var(--text));box-shadow:0 12px 35px rgba(31,47,74,.08)}.color-field{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px}.color-field input[type=color]{width:52px;height:43px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
@media(max-width:991px){.mega-menu{min-width:auto}.hero{padding-top:55px}.hero-console{margin-top:35px}.admin-wrap{grid-template-columns:1fr}.admin-side{height:auto;position:static;border-right:0;border-bottom:1px solid var(--border)}.admin-main{padding:22px}}
/* SEO Tool Scope compact directory v2 */
.compact-hero{padding:72px 0 38px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 55%,var(--surface)),transparent)}
.compact-hero h1{font-size:clamp(2.3rem,5vw,4.7rem);font-weight:800;letter-spacing:-.055em;margin:22px auto 16px;max-width:900px}.compact-hero .lead{max-width:760px;font-size:1.05rem}.hero-search{max-width:720px;margin-top:28px;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:7px 13px;box-shadow:0 12px 34px rgba(31,47,74,.09)}.hero-search i{color:var(--primary);font-size:1.15rem}.hero-search input{border:0;outline:0;width:100%;padding:12px 3px;background:transparent;color:var(--text)}.search-shortcut{border:1px solid var(--border);border-radius:7px;padding:1px 8px;color:var(--soft);font-size:.8rem}.popular-links{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:18px;font-size:.82rem;color:var(--soft)}.popular-links a{color:var(--primary);text-decoration:none}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-strip a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:1px solid var(--border);background:var(--surface);border-radius:12px;color:var(--text);text-decoration:none;font-size:.86rem;font-weight:700;transition:.2s}.category-strip a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.category-strip i{font-size:1.1rem;color:var(--primary)}.category-strip small{position:absolute;right:5px;top:4px;font-size:.55rem;color:var(--soft)}.category-strip .disabled{opacity:.68}.tools-directory{padding:25px 0 30px}.tool-category{padding:28px 0;border-bottom:1px solid var(--border)}.category-heading,.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.category-heading>div{display:flex;align-items:center;gap:12px}.category-heading h2{font-size:1.35rem;font-weight:800;margin:0}.category-heading p{margin:2px 0 0;color:var(--soft);font-size:.78rem}.category-heading>a,.section-head>a{font-size:.82rem;color:var(--primary);font-weight:700;text-decoration:none}.category-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.compact-tool-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}.compact-tool-card{min-height:118px;padding:15px 8px 12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;color:var(--text);text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(31,47,74,.04);transition:.2s}.compact-tool-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 25px color-mix(in srgb,var(--primary) 10%,transparent)}.compact-tool-card strong{font-size:.78rem;line-height:1.3;font-weight:700}.compact-tool-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--surface)),color-mix(in srgb,var(--accent) 12%,var(--surface)));color:var(--primary);font-size:1.12rem}.empty-search{text-align:center;padding:70px 20px}.empty-search i{font-size:2.5rem;color:var(--primary)}.trust-panel{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden}.trust-panel>div{padding:24px;border-right:1px solid var(--border)}.trust-panel>div:last-child{border-right:0}.trust-panel i{font-size:1.5rem;color:var(--primary)}.trust-panel h3{font-size:1rem;font-weight:800;margin:12px 0 6px}.trust-panel p{font-size:.8rem;color:var(--soft);margin:0}.narrow{max-width:900px}.clean-accordion .accordion-item{background:var(--surface);border:1px solid var(--border)!important;border-radius:12px!important;margin-bottom:10px;overflow:hidden}.clean-accordion .accordion-button{font-weight:700;background:var(--surface)!important}.clean-accordion .accordion-body{color:var(--soft)}
.tool-page-hero{padding:35px 0 28px;background:linear-gradient(180deg,var(--surface-alt),transparent);border-bottom:1px solid var(--border)}.tool-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--soft);margin-bottom:22px}.tool-breadcrumb a{color:var(--soft);text-decoration:none}.tool-title-wrap{display:flex;align-items:center;gap:18px}.page-tool-icon{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1.65rem;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 22%,transparent)}.tool-title-wrap h1{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;margin:0 0 6px}.tool-title-wrap p{color:var(--soft);margin:0}.tool-workspace-section{padding:35px 0 55px}.tool-workspace{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.tool-workspace-head{padding:13px 18px;background:var(--surface-alt);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--soft);font-size:.78rem}.tool-workspace-head>div{display:flex;align-items:center;gap:8px;color:var(--text)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.tool-workspace .tool-box{padding:28px}.related-section{padding:45px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head h2{font-size:1.7rem;font-weight:800;margin:12px 0 0}.related-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.article-section{padding:65px 0}.article-heading{text-align:center;max-width:850px;margin:0 auto 35px}.article-heading h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;margin:16px 0 10px}.article-heading p{color:var(--soft)}.seo-article{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:start}.article-toc{position:sticky;top:95px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.article-toc ol{padding-left:18px;margin:12px 0 0}.article-toc li{margin:8px 0;color:var(--soft);font-size:.75rem}.article-toc a{color:var(--soft);text-decoration:none}.article-toc a:hover{color:var(--primary)}.article-content{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(24px,5vw,55px)}.article-content section{scroll-margin-top:100px;margin-bottom:42px}.article-content section:last-child{margin-bottom:0}.article-content h2{font-size:1.65rem;font-weight:800;letter-spacing:-.025em;margin-bottom:18px}.article-content p{font-size:1rem;line-height:1.9;color:color-mix(in srgb,var(--text) 82%,var(--soft));margin-bottom:18px}.tool-faq-section{padding:55px 0 75px;background:var(--surface-alt)}
@media(max-width:1199px){.compact-tool-grid{grid-template-columns:repeat(6,1fr)}.category-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.compact-tool-grid,.related-grid{grid-template-columns:repeat(4,1fr)}.trust-panel{grid-template-columns:repeat(2,1fr)}.trust-panel>div:nth-child(2){border-right:0}.trust-panel>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.seo-article{grid-template-columns:1fr}.article-toc{position:static}.tool-workspace-head{align-items:flex-start;gap:10px}}
@media(max-width:576px){.compact-hero{padding-top:45px}.compact-tool-grid,.related-grid{grid-template-columns:repeat(3,1fr);gap:8px}.compact-tool-card{min-height:105px;padding:11px 5px}.compact-tool-card strong{font-size:.68rem}.compact-tool-icon{width:38px;height:38px}.category-strip{grid-template-columns:repeat(2,1fr)}.category-heading{align-items:flex-end}.category-heading>a{display:none}.trust-panel{grid-template-columns:1fr}.trust-panel>div{border-right:0;border-bottom:1px solid var(--border)!important}.trust-panel>div:last-child{border-bottom:0!important}.tool-title-wrap{align-items:flex-start}.page-tool-icon{width:54px;height:54px;flex:0 0 54px}.tool-workspace .tool-box{padding:17px}.tool-workspace-head>span{display:none}.article-content{padding:22px}.article-content h2{font-size:1.35rem}.article-content p{font-size:.94rem}.seo-article{gap:20px}}
.font-monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important}.result-panel b{color:var(--text)}textarea.form-control{line-height:1.65}.tool-box .table thead th{white-space:nowrap}.tool-box .btn-outline-secondary{border-color:var(--border);color:var(--text)}.tool-box .btn-outline-secondary:hover{background:var(--surface-alt);border-color:var(--primary);color:var(--primary)}