.tools-page{min-height:100vh;background:var(--bg-base);padding-top:64px;overflow-x:hidden;max-width:100vw}.tools-header{padding:16px 24px!important;background:var(--bg-surface)!important;border-bottom:1px solid var(--border)}.tools-header.scrolled{padding:12px 24px!important;box-shadow:var(--shadow-sm)}.tools-header-brand{display:flex;align-items:center;gap:0;min-width:0;flex-shrink:0}.tools-header .logo-v2{min-width:0}.tools-header .logo-v2 span{font-size:1.25rem;letter-spacing:.04em}.tools-header-divider{color:var(--text-muted);font-size:.75rem;font-weight:var(--font-normal);margin:0 6px;opacity:.7;flex-shrink:0}.tools-header-label{display:inline-flex;align-items:center;font-size:.75rem;font-weight:var(--font-semibold);color:var(--color-primary-600);background:var(--color-primary-50);padding:4px 10px;border-radius:6px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;border:1px solid var(--color-primary-200);letter-spacing:.03em}.tools-header-label:hover{background:var(--color-primary-100);border-color:var(--color-primary-300);color:var(--color-primary-700)}.tools-header-label-current{background:transparent!important;border-color:transparent!important;color:var(--text-secondary)!important}.tools-header-label-current:hover{background:var(--color-slate-50)!important;color:var(--text-primary)!important}.tools-header-label:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-header .nav-v2{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;min-width:0;margin-left:1.5rem}.tools-header .nav-v2 a{padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:8px;border:1px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.tools-header .nav-v2 a:hover{color:var(--text-primary);background:var(--color-slate-50);border-color:var(--color-slate-200)}.tools-header .nav-v2 a.active{color:var(--color-primary-600);background:var(--color-primary-50);border-color:var(--color-primary-200);font-weight:600}.tools-header .nav-v2 a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600);background:transparent;border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.tools-cta-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-700);color:var(--color-primary-700);transform:translateY(-1px)}.tools-cta-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tools-header .mobile-menu-btn,.tools-header .mobile-user{display:none}@media (max-width:768px){.tools-header .mobile-user{display:none!important}.tools-header .mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.tools-header .mobile-menu-btn:hover{background:var(--color-slate-50)}.tools-header .mobile-menu-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}}.tools-mobile-overlay{background:rgba(0,0,0,.4)!important;z-index:10000!important}.tools-mobile-menu{z-index:10001!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;padding:0 max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-surface)!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important}.tools-mobile-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:52px;padding:max(12px,env(safe-area-inset-top)) 0 12px;border-bottom:1px solid var(--border)}.tools-mobile-header-title{font-size:16px;font-weight:var(--font-semibold);color:var(--text-primary)}.tools-mobile-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:var(--color-slate-100);border:none;border-radius:10px;cursor:pointer;color:var(--text-secondary);transition:background var(--transition-base),color var(--transition-base)}.tools-mobile-close svg{width:20px;height:20px;display:block}.tools-mobile-close:hover{background:var(--color-slate-200);color:var(--text-primary)}.tools-mobile-close:active{background:var(--color-slate-300)}.tools-mobile-close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-header.menu-open .header-actions{visibility:hidden;pointer-events:none}.tools-mobile-nav{display:flex;flex-direction:column;flex-shrink:0;gap:0;margin-bottom:4px}.tools-mobile-nav .tools-mobile-link:last-child{border-bottom:none}.tools-mobile-link{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))!important;margin:0!important;font-size:15px!important;font-weight:var(--font-medium)!important;color:var(--text-primary)!important;border-radius:0;border-bottom:1px solid var(--border);transition:all var(--transition-base);text-decoration:none;box-sizing:border-box}.tools-mobile-link:hover{background:var(--color-slate-50)!important}.tools-mobile-link.active{color:var(--color-primary-600)!important;background:var(--color-primary-50)!important;font-weight:var(--font-semibold)!important}.tools-mobile-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.tools-mobile-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);flex-shrink:0;transition:color var(--transition-base)}.tools-mobile-link.active .tools-mobile-icon{color:var(--color-primary-600)}.tools-mobile-divider{height:1px;background:var(--border);margin:12px 0;flex-shrink:0}.tools-mobile-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 20px!important;margin:0!important;font-size:15px!important;font-weight:var(--font-semibold)!important;color:var(--color-primary-600)!important;background:transparent;border:1px solid var(--color-primary-600);border-radius:10px;text-decoration:none;transition:all var(--transition-base);flex-shrink:0;box-sizing:border-box}.tools-mobile-cta:hover{background:var(--color-primary-50);border-color:var(--color-primary-700);color:var(--color-primary-700)!important}.tools-mobile-cta:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-mobile-back{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 20px!important;margin:16px 0 0!important;font-size:14px!important;font-weight:var(--font-medium)!important;color:var(--text-muted)!important;border-radius:10px;transition:all var(--transition-base);text-decoration:none;flex-shrink:0;box-sizing:border-box}.tools-mobile-menu:not(:has(.mobile-menu-auth)) .tools-mobile-back{margin-top:auto!important}.tools-mobile-back:hover{background:var(--color-slate-50)!important;color:var(--text-secondary)!important}.tools-mobile-back:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tools-mobile-logout{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:52px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))!important;margin:0!important;font-size:15px!important;font-weight:var(--font-medium)!important;color:#dc2626!important;background:#fff!important;border:1px solid #fecaca;border-radius:10px;cursor:pointer;text-align:center;width:100%;box-sizing:border-box;transition:all var(--transition-base)}.tools-mobile-logout:hover{background:#fef2f2!important;border-color:#fca5a5}.tools-mobile-menu .mobile-menu-auth{padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important;margin-left:0!important;margin-right:0!important}.tools-footer{margin-top:auto}.tools-hero{padding:var(--space-10) var(--space-6) var(--space-8);text-align:center;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.tools-hero:before{background-image:linear-gradient(90deg,transparent 0,rgba(99,102,241,.04) 20%,transparent 40%),linear-gradient(90deg,transparent 60%,rgba(99,102,241,.04) 80%,transparent),linear-gradient(180deg,transparent 0,rgba(99,102,241,.04) 25%,transparent 50%),linear-gradient(180deg,transparent 50%,rgba(99,102,241,.04) 75%,transparent),repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(99,102,241,.02) 0,rgba(99,102,241,.02) 61px);background-size:100% 1px,100% 1px,1px 100%,1px 100%,200px 200px;background-position:0 30%,0 70%,20% 0,80% 0,0 0;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,#000 0,transparent 75%);mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,#000 0,transparent 75%)}.tools-hero:after,.tools-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.tools-hero:after{background-image:radial-gradient(circle 2px at 20% 30%,rgba(99,102,241,.3) 0,transparent 2px),radial-gradient(circle 2px at 80% 70%,rgba(99,102,241,.3) 0,transparent 2px),radial-gradient(circle 2px at 50% 50%,rgba(139,92,246,.25) 0,transparent 2px),radial-gradient(circle 1.5px at 30% 60%,rgba(99,102,241,.2) 0,transparent 1.5px),radial-gradient(circle 1.5px at 70% 40%,rgba(99,102,241,.2) 0,transparent 1.5px);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000 0,transparent 70%)}.tools-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.tools-hero--enhanced{padding:var(--space-12) var(--space-6) var(--space-10)}.tools-hero-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-indigo-50) 100%);border-radius:var(--radius-xl);color:var(--color-primary-600);box-shadow:0 4px 12px rgba(99,102,241,.15)}.tools-hero-icon svg{width:32px;height:32px}.tools-hero h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:var(--leading-tight)}.tools-hero--enhanced h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.tools-hero p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:680px;margin:0 auto}.tools-hero--enhanced p{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.tools-grid-section{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.tool-card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;position:relative;transition:all var(--transition-base);box-shadow:var(--shadow-xs);min-height:280px;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary-400);opacity:.6;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.tool-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card:hover:before{transform:scaleX(1)}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);flex-shrink:0}.tool-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.tool-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;border:1px solid transparent}.tool-card:hover .tool-card-icon{transform:scale(1.08);border-color:currentColor;opacity:.9}.tool-card-icon svg{width:28px;height:28px;stroke-width:2}.tool-card-icon.blue,.tool-card-icon.indigo,.tool-card-icon.purple{background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-primary-100) 100%);color:var(--color-primary-600);box-shadow:0 2px 8px rgba(99,102,241,.12)}.tool-card-icon.cyan,.tool-card-icon.teal{background:linear-gradient(135deg,var(--color-accent-50) 0,var(--color-accent-100) 100%);color:var(--color-accent-600);box-shadow:0 2px 8px rgba(6,182,212,.12)}.tool-card-icon.green{background:linear-gradient(135deg,var(--color-success-50) 0,var(--color-success-100) 100%);color:var(--color-success-600);box-shadow:0 2px 8px rgba(22,163,74,.12)}.tool-card-icon.orange{background:linear-gradient(135deg,var(--color-warning-50) 0,var(--color-warning-100) 100%);color:var(--color-warning-600);box-shadow:0 2px 8px rgba(245,158,11,.12)}.tool-card-icon.red{background:linear-gradient(135deg,var(--color-error-50) 0,var(--color-error-100) 100%);color:var(--color-error-600);box-shadow:0 2px 8px rgba(239,68,68,.12)}.tool-card-icon.emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;box-shadow:0 2px 8px rgba(16,185,129,.12)}.tool-card-icon.slate{background:linear-gradient(135deg,var(--color-slate-50) 0,var(--color-slate-100) 100%);color:var(--color-slate-600);box-shadow:0 2px 8px rgba(100,116,139,.12)}.tool-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight);flex-shrink:0}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);flex-shrink:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-card-features{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.tool-card-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.tool-card-features li svg{width:14px;height:14px;flex-shrink:0;color:var(--color-primary-500);opacity:.7}.tool-card-features li span{flex:1 1}.tool-card-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-slate-50);color:var(--text-secondary);border:1px solid var(--color-slate-200);line-height:1.4}.tool-card-badge.coming-soon{background:var(--color-slate-50);color:var(--text-muted);border-color:var(--color-slate-200)}.tools-cta-banner{max-width:1200px;margin:var(--space-16) auto var(--space-20);padding:0 var(--space-6);position:relative}.tools-cta-content{background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04));border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);position:relative;overflow:hidden}.tools-cta-content:before{top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%)}.tools-cta-content:after,.tools-cta-content:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.tools-cta-content:after{bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.06) 0,transparent 70%)}.tools-cta-text{flex:1 1;min-width:0;position:relative;z-index:1}.tools-cta-text h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:-.02em;line-height:var(--leading-tight)}.tools-cta-text p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.tools-cta-action{flex-shrink:0;position:relative;z-index:1}.tools-cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 12px rgba(99,102,241,.25),0 2px 4px rgba(99,102,241,.15);white-space:nowrap}.tools-cta-button:hover{background:linear-gradient(135deg,var(--color-primary-700) 0,var(--color-primary-800) 100%);box-shadow:0 6px 16px rgba(99,102,241,.35),0 4px 8px rgba(99,102,241,.2);transform:translateY(-2px)}.tools-cta-button:active{transform:translateY(0)}.tools-cta-button svg{width:18px;height:18px;transition:transform var(--transition-base)}.tools-cta-button:hover svg{transform:translateX(4px)}@media (max-width:768px){.tools-header{padding:12px 0!important;width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box}.tools-header.scrolled{padding:10px 0!important}.tools-header .nav-v2{display:none!important}.tools-header .header-inner{padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));min-width:0;overflow:hidden;gap:12px}.tools-header .tools-cta-btn{display:none}.tools-header-brand{flex:1 1;min-width:0;overflow:hidden;gap:0}.tools-header .logo-v2{min-width:0;flex-shrink:0;overflow:hidden}.tools-header .logo-v2 span,.tools-header-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-header-label{font-size:.6875rem;padding:3px 8px;flex-shrink:0}.tools-header-divider{font-size:.7rem;margin:0 4px;flex-shrink:0}.tools-header .header-actions{flex-shrink:0;min-width:0}.tools-page{padding-top:60px}.tools-hero{padding:var(--space-8) var(--space-5) var(--space-6)}.tools-hero:before{width:500px;height:500px;top:-200px;left:-200px;filter:blur(80px)}.tools-hero:after{width:450px;height:450px;bottom:-150px;right:-150px;filter:blur(70px)}.tools-hero-inner:before{width:180%;height:180%;background-size:100% 100%,100% 100%,100% 100%,60px 60px;opacity:.3}.tools-hero{padding:var(--space-8) var(--space-4) var(--space-6)}.tools-hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.tools-hero p{font-size:var(--text-sm);max-width:100%}.tool-card{padding:var(--space-5);min-height:auto}.tool-card-header{margin-bottom:var(--space-4)}.tool-card-icon{width:48px;height:48px}.tool-card-icon svg{width:24px;height:24px}.tool-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.tool-card p{margin-bottom:var(--space-3)}.tool-card-features{margin-top:var(--space-3)}.tool-card-features li{font-size:11px}.tools-grid-section{padding:var(--space-8) var(--space-4) var(--space-12)}.tools-grid{gap:var(--space-4)}.tool-card p{font-size:var(--text-xs)}.tools-cta-banner{margin:var(--space-12) auto var(--space-16);padding:0 var(--space-4)}.tools-cta-content{flex-direction:column;text-align:center;padding:var(--space-8) var(--space-6);gap:var(--space-6)}.tools-cta-text{text-align:center}.tools-cta-text h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.tools-cta-text p{font-size:var(--text-sm)}.tools-cta-button{width:100%;justify-content:center;padding:var(--space-3) var(--space-6)}.ogc-hero{padding:45px 16px 24px}.ogc-hero h1{font-size:26px}.ogc-form{flex-direction:column}.ogc-form button{width:100%;justify-content:center}.ogc-content{padding:24px 16px}.ogc-status{flex-direction:column;align-items:flex-start}.ogc-platforms{padding:12px 16px}.ogc-cta{flex-direction:column;text-align:center;padding:24px 20px}.ogc-cta__btn{width:100%;justify-content:center}.ogc-demo{padding:24px 20px;gap:24px}.ogc-demo-info h2{font-size:22px}.ogc-demo-features{grid-template-columns:1fr;text-align:left;max-width:100%}.ogc-demo-feature{justify-content:flex-start}.ogc-demo-preview{padding:16px}.ogc-howto{padding:28px 20px}.ogc-howto h2{font-size:18px;margin-bottom:24px}.ogc-howto-step{padding:16px}.ogc-about{padding:28px 20px}.ogc-about-content h2{font-size:18px}.ogc-faq{padding:28px 20px}.ogc-faq h2{font-size:18px}.ogc-faq-item{padding:20px}.og-code__header{flex-direction:column;gap:12px;align-items:stretch}.og-code__header button{justify-content:center}.tools-grid{grid-template-columns:1fr}}.tool-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.tool-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.tool-tab svg{width:18px;height:18px}.tool-tab:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-subtle)}.tool-tab.active{color:var(--primary);border-color:var(--primary);background:var(--color-primary-50)}.tool-info{margin-top:48px;padding-top:48px;border-top:1px solid var(--border)}.tool-info h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:24px;text-align:center}@media (max-width:768px){.tool-tabs{flex-direction:column}.tool-tab{width:100%;justify-content:center}.result-header{flex-direction:column;text-align:center}.analysis-grid,.info-grid{grid-template-columns:1fr}}.tool-content{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6)}.tool-container{width:100%}.tool-input-card,.tool-input-section{margin-bottom:var(--space-8)}.tool-input-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--transition-base)}.tool-input-card:hover{box-shadow:var(--shadow-sm)}.tool-form{display:flex;flex-direction:column;gap:var(--space-4)}.tool-form--inline{gap:var(--space-3)}.tool-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:block}.tool-form-row{display:flex;gap:var(--space-3);align-items:stretch}.tool-form--enhanced{margin:0}.tool-input-wrapper--enhanced{background:#fff;border-radius:12px;border:1px solid var(--color-primary-500);transition:border-color var(--transition-base),box-shadow var(--transition-base);position:relative}.tool-input-wrapper--enhanced:hover{border-color:var(--color-primary-600)}.tool-input-wrapper--enhanced:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.tool-input-wrapper--enhanced svg{left:18px;color:#94a3b8;transition:color .2s ease}.tool-input-wrapper--enhanced:focus-within svg{color:#3b82f6}.tool-input--enhanced{border:none;background:transparent;height:58px;font-size:15px;padding:0 24px 0 54px;color:#111827;font-weight:500}.tool-input--enhanced:focus{outline:none;box-shadow:none}.tool-input--enhanced::placeholder{color:#9ca3af;font-weight:400}.tool-button--enhanced{height:58px;padding:0 32px;font-size:15px;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:140px}.tool-button--enhanced:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px)}.tool-button--enhanced:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.tool-button--enhanced:disabled{background:#3b82f6;color:#fff;opacity:.6;cursor:not-allowed;box-shadow:none}.tool-error--card{margin-top:var(--space-4);border-radius:var(--radius-lg)}@media (max-width:768px){.tools-hero,.tools-hero--enhanced{padding:var(--space-6) var(--space-4) var(--space-5)}.tools-hero h1{font-size:var(--text-xl);margin-bottom:var(--space-2);line-height:1.3}.tools-hero p{font-size:var(--text-sm);line-height:1.5}.tools-hero-icon{width:48px;height:48px;margin-bottom:var(--space-2)}.tools-hero-icon svg{width:24px;height:24px}.tools-hero--enhanced h1{font-size:var(--text-xl);margin-bottom:var(--space-2);line-height:1.3}.tools-hero--enhanced p{font-size:var(--text-sm);line-height:1.5}.tool-input-card{padding:var(--space-4);margin-bottom:var(--space-4)}.tool-form-row{flex-direction:column;gap:var(--space-2)}.tool-button{width:100%}.tool-button--enhanced{width:100%;min-width:auto;height:48px;font-size:14px}.tool-input-wrapper--enhanced{height:48px}.tool-input--enhanced{height:48px;font-size:14px;padding:0 16px 0 48px}}@media (max-width:480px){.tools-hero,.tools-hero--enhanced{padding:var(--space-5) var(--space-3) var(--space-4)}.tools-hero h1{font-size:var(--text-lg);margin-bottom:var(--space-2);line-height:1.3}.tools-hero p{font-size:13px;line-height:1.4}.tools-hero-icon{width:40px;height:40px;margin-bottom:var(--space-2)}.tools-hero-icon svg{width:20px;height:20px}.tools-hero--enhanced h1{font-size:var(--text-lg);margin-bottom:var(--space-2)}.tools-hero--enhanced p{font-size:13px}.tool-input-card{padding:var(--space-3);margin-bottom:var(--space-3)}.tool-input-wrapper--enhanced{height:44px}.tool-input--enhanced{height:44px;font-size:14px;padding:0 14px 0 44px}.tool-button--enhanced{height:44px;font-size:14px;padding:0 20px}}.tool-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.tool-form-group label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-input-wrapper{position:relative;display:flex;align-items:center;flex:1 1;min-width:0}.tool-input-wrapper svg{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--text-muted);pointer-events:none;z-index:1}.tool-input{width:100%;height:48px;padding:0 var(--space-4) 0 var(--space-12);font-size:var(--text-base);border:1px solid var(--color-primary-500);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.tool-input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.tool-input:disabled{opacity:.6;cursor:not-allowed}.tool-button{height:48px;padding:0 var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-inverse);background:var(--color-primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-shrink:0;white-space:nowrap}.tool-button:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tool-button:disabled{background:var(--color-primary-600);color:var(--text-inverse);opacity:.6;cursor:not-allowed;transform:none}.tool-button svg,.tool-spinner{width:18px;height:18px}.tool-spinner{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.tool-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);color:var(--color-red-700);font-size:var(--text-sm)}.tool-error svg{width:20px;height:20px;flex-shrink:0}.tool-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.tool-loading__spinner{width:48px;height:48px;border:4px solid var(--color-slate-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.tool-loading p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.tool-results{animation:fadeIn .3s ease}.tool-empty-state{flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center;background:var(--bg-surface);border:1px solid var(--border)}.tool-empty-icon,.tool-empty-state{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)}.tool-empty-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-indigo-50) 100%);margin-bottom:var(--space-6);color:var(--color-primary-600);box-shadow:0 4px 12px rgba(99,102,241,.1)}.tool-empty-icon svg{width:36px;height:36px}.tool-empty-state h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.tool-empty-state p{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 0;max-width:600px}.tool-features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-8);width:100%;max-width:800px}@media (max-width:768px){.tool-features-grid{grid-template-columns:1fr}}.tool-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-base)}.tool-feature:hover{border-color:var(--color-primary-300);box-shadow:0 4px 12px rgba(99,102,241,.1);transform:translateY(-2px)}.tool-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-green-50);border-radius:var(--radius-lg);margin-bottom:var(--space-3);color:var(--color-green-600)}.tool-feature-icon svg{width:24px;height:24px}.tool-feature h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.tool-feature p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.tool-cta{max-width:1200px;margin:var(--space-8) auto 0;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-indigo-50) 100%);border:1px solid var(--color-primary-200);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.tool-cta h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.tool-cta p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.tool-cta__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-inverse);background:var(--color-primary-600);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-shrink:0}.tool-cta__btn:hover{background:var(--color-primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tool-seo-tips{margin-top:var(--space-12);padding:var(--space-8) var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.tool-seo-tips h4{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-6)}.tool-seo-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.tool-seo-tips li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-6);position:relative}.tool-seo-tips li:before{content:"•";position:absolute;left:0;color:var(--color-primary-600);font-weight:var(--font-bold);font-size:var(--text-lg)}.tool-seo-tips li strong{color:var(--text-primary);font-weight:var(--font-semibold)}@media (max-width:768px){.tool-seo-tips{margin-top:var(--space-8);padding:var(--space-6) var(--space-4)}.tool-seo-tips h4{font-size:var(--text-lg);margin-bottom:var(--space-4)}.tool-seo-tips li{font-size:var(--text-sm);padding-left:var(--space-5)}}.tool-cta__btn svg{width:18px;height:18px}@media (max-width:768px){.tool-content,.tool-cta{padding:var(--space-6) var(--space-4)}.tool-cta{flex-direction:column;text-align:center}.schema-status{flex-direction:column;align-items:flex-start}.schema-status__badges{width:100%;flex-wrap:wrap}.schema-summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.schema-summary-card{padding:var(--space-5)}.schema-summary-value{font-size:var(--text-2xl)}.schema-item{padding:var(--space-5)}.schema-item__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.tool-features-grid{grid-template-columns:1fr}}