.tool-page-header{position:relative;background:hsl(var(--background));padding-bottom:3rem}.tool-page-header::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,hsl(var(--foreground) / .08) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground) / .08) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,0 0;-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 70% at 50% 50%,black 50%,transparent 100%);mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 70% at 50% 50%,black 50%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.tool-page-header::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:150%;height:60%;background:radial-gradient(ellipse 50% 80% at 50% 0,hsl(var(--primary) / .15) 0,transparent 70%);pointer-events:none;z-index:1}.tool-hero{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem 2.5rem;text-align:center}.tool-hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,hsl(var(--primary) / .15) 0,hsl(var(--primary) / .25) 100%);border-radius:50%;margin-bottom:1.5rem;animation:fadeInUp .5s ease-out;box-shadow:0 8px 32px hsl(var(--primary) / .15)}.icon-circle svg{width:40px;height:40px;color:hsl(var(--primary))}.hero-title{font-size:clamp(1.75rem, 5vw, 2.75rem);font-weight:800;color:hsl(var(--foreground));margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em;animation:fadeInUp .5s ease-out .1s backwards}.hero-title-highlight{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary) / .7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-privacy{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1rem;animation:fadeInUp .5s ease-out .15s backwards}.hero-privacy svg{width:10px;height:10px;color:hsl(var(--success,142 76% 36%))}.hero-subtitle{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:500;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto 1.5rem;line-height:1.6;animation:fadeInUp .5s ease-out .2s backwards}.hero-h2{font-size:clamp(.875rem, 2vw, 1rem);font-weight:500;color:hsl(var(--muted-foreground));max-width:500px;margin:0 auto 1rem;animation:fadeInUp .5s ease-out .25s backwards}.hero-trust-signals{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;animation:fadeInUp .5s ease-out .3s backwards}.trust-signal{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground));background:hsl(var(--card));padding:.5rem 1rem;border-radius:9999px;border:1px solid hsl(var(--border));transition:all .2s ease}.trust-signal:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .05)}.trust-signal svg{width:14px;height:14px;color:hsl(var(--primary))}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-interface{position:relative;z-index:10;max-width:960px;margin:0 auto;padding:0 1rem}.tool-interface--wide{max-width:1400px}@media (max-width:1440px){.tool-interface--wide{max-width:calc(100% - 2rem)}}.share-embed-wrapper--wide .share-embed-section{max-width:1400px}@media (max-width:1440px){.share-embed-wrapper--wide .share-embed-section{max-width:calc(100% - 2rem)}}.tool-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 6px -1px hsl(var(--foreground) / .05),0 10px 20px -5px hsl(var(--foreground) / .08),0 25px 50px -12px hsl(var(--foreground) / .12)}@media (min-width:768px){.tool-card{padding:2rem}}.content-section{padding:4rem 1rem}.content-container{max-width:900px;margin:0 auto}.section-title{font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;color:hsl(var(--foreground));text-align:center;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.feature-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 4px 20px hsl(var(--primary) / .1)}.feature-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.feature-description{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.6}.faq-section{background:hsl(var(--secondary) / .3)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden}.faq-question{font-size:1rem;font-weight:600;color:hsl(var(--foreground));padding:1.25rem 1.5rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.faq-question:hover{background:hsl(var(--secondary) / .5)}.faq-question::after{content:'+';font-size:1.25rem;color:hsl(var(--primary));transition:transform .2s ease}.faq-item[open] .faq-question::after{transform:rotate(45deg)}.faq-answer{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.7;padding:0 1.5rem 1.25rem}.navbar-glass{position:sticky;top:0;z-index:50;background:hsl(var(--background) / .8);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border) / .5)}.navbar-container{max-width:1280px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.navbar-wordmark{font-size:1.25rem;font-weight:800;color:hsl(var(--foreground));letter-spacing:-.02em}.navbar-nav-desktop{display:none;align-items:center;gap:2rem}@media (min-width:768px){.navbar-nav-desktop{display:flex}}.nav-link{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s ease}.nav-link:hover{color:hsl(var(--primary))}.navbar-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:1px solid hsl(var(--border));border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:hsl(var(--muted-foreground))}.theme-toggle:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.theme-toggle svg{width:20px;height:20px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;cursor:pointer;color:hsl(var(--foreground))}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn svg{width:24px;height:24px}.share-button-container{display:flex;justify-content:center;margin-top:1.5rem}.results-export-bar{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-top:1.5rem;background:hsl(var(--secondary) / .5);border:1px solid hsl(var(--border));border-radius:.75rem}.export-bar-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));white-space:nowrap}.export-bar-label svg{width:16px;height:16px;color:hsl(var(--primary))}.export-bar-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.export-bar-divider{width:1px;height:24px;background:hsl(var(--border));margin:0 .25rem}.export-bar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-bar-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.export-bar-btn:active{transform:scale(.98)}.export-bar-btn svg{width:14px;height:14px}.export-bar-btn.export-copy-all{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.export-bar-btn.export-copy-all:hover{background:hsl(var(--primary) / .9);color:hsl(var(--primary-foreground))}.export-bar-btn.export-copy-all.copied{background:hsl(142 76% 36%);border-color:hsl(142 76% 36%)}.export-bar-btn.export-json:hover{border-color:hsl(45 93% 47%);color:hsl(45 80% 35%);background:hsl(45 93% 47% / .08)}.export-bar-btn.export-csv:hover{border-color:hsl(142 76% 36%);color:hsl(142 76% 30%);background:hsl(142 76% 36% / .08)}.export-bar-btn.export-text:hover{border-color:hsl(214 100% 59%);color:hsl(214 100% 45%);background:hsl(214 100% 59% / .08)}@media (max-width:640px){.results-export-bar{flex-direction:column;align-items:stretch;gap:.75rem}.export-bar-label{justify-content:center}.export-bar-actions{justify-content:center}.export-bar-divider{display:none}}@media (max-width:400px){.export-bar-actions{flex-wrap:wrap;gap:.375rem}.export-bar-btn{flex:1;min-width:calc(50% - .25rem);justify-content:center}.export-bar-btn.export-copy-all{flex-basis:100%}}.share-embed-section{position:relative;z-index:10;max-width:960px;margin:0 auto;padding:0 1rem 0;margin-top:1.5rem}.share-embed-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px hsl(var(--foreground) / .05),0 10px 20px -5px hsl(var(--foreground) / .08),0 25px 50px -12px hsl(var(--foreground) / .12)}.share-embed-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch}.share-embed-divider{width:1px;background:hsl(var(--border));margin:.5rem 0}.share-column{display:flex;align-items:stretch}.share-cta-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:linear-gradient(135deg,hsl(var(--primary) / .06) 0,hsl(var(--primary) / .02) 100%);border:1px solid hsl(var(--primary) / .15);border-radius:.75rem;flex:1}.share-cta-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsl(var(--primary));border-radius:.625rem;color:hsl(var(--primary-foreground));margin-bottom:.75rem}.share-cta-icon svg{width:22px;height:22px}.share-cta-title{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .375rem}.share-cta-desc{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 1rem;line-height:1.4}.share-link-field{display:flex;align-items:center;gap:0;width:100%;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;overflow:hidden;transition:border-color .2s ease;margin-bottom:.75rem}.share-link-field:focus-within{border-color:hsl(var(--primary))}.share-link-input{flex:1;padding:.625rem .75rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:.75rem;color:hsl(var(--foreground));background:0 0;border:none;outline:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-link-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.75rem;font-weight:600;color:hsl(var(--background));background:hsl(var(--primary));border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-link-copy-btn:hover{background:hsl(var(--primary) / .9)}.share-link-copy-btn.copied{background:hsl(142 76% 36%)}.share-link-copy-btn svg{width:14px;height:14px}.share-social-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.share-social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));transition:all .2s ease}.share-social-icon:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.share-social-icon svg{width:16px;height:16px}.share-social-icon[data-social="x"]:hover{border-color:#000;color:#000;background:rgba(0,0,0,.05)}.share-social-icon[data-social=facebook]:hover{border-color:#1877f2;color:#1877f2;background:rgba(24,119,242,.05)}.share-social-icon[data-social=linkedin]:hover{border-color:#0a66c2;color:#0a66c2;background:rgba(10,102,194,.05)}.share-social-icon[data-social=reddit]:hover{border-color:#ff4500;color:#ff4500;background:rgba(255,69,0,.05)}.share-social-icon[data-social=whatsapp]:hover{border-color:#25d366;color:#25d366;background:rgba(37,211,102,.05)}.share-social-icon[data-social=email]:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.embed-column{display:flex;align-items:stretch}.embed-cta-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:linear-gradient(135deg,hsl(var(--primary) / .06) 0,hsl(var(--primary) / .02) 100%);border:1px solid hsl(var(--primary) / .15);border-radius:.75rem;flex:1}.embed-cta-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsl(var(--primary));border-radius:.625rem;color:hsl(var(--primary-foreground));margin-bottom:.75rem}.embed-cta-icon svg{width:22px;height:22px}.embed-cta-title{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .375rem}.embed-cta-desc{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 1rem;line-height:1.4}.embed-cta-buttons{display:flex;gap:.5rem;width:100%}.embed-cta-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1}.embed-cta-btn svg{width:14px;height:14px}.embed-cta-btn-primary{color:hsl(var(--background));background:hsl(var(--primary))}.embed-cta-btn-primary:hover{background:hsl(var(--primary) / .9)}.embed-cta-btn-secondary{color:hsl(var(--primary));background:hsl(var(--background));border:1px solid hsl(var(--border))}.embed-cta-btn-secondary:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .05)}@media (max-width:768px){.share-embed-grid{grid-template-columns:1fr;gap:1rem}.share-embed-divider{width:100%;height:1px;margin:0}.share-embed-card{padding:1.25rem}.embed-cta-vertical,.share-cta-vertical{padding:1.25rem}}@media (max-width:480px){.share-social-buttons{width:100%;justify-content:center;gap:.375rem}.share-social-icon{width:36px;height:36px}}@media (max-width:400px){.share-link-field{flex-direction:column}.share-link-input{border-bottom:1px solid hsl(var(--border));padding:.625rem .75rem;text-align:center}.share-link-copy-btn{width:100%;justify-content:center;padding:.625rem}.share-social-icon{max-width:none}}