:root{--bg-primary:#faff05;--bg-secondary:#000;--bg-surface:#fff;--bg-hover:#fff;--surface-light:#f5f5f5;--border:#000;--border-hover:#000;--border-accent:#000;--accent:#ff007f;--accent-light:#ff85c0;--accent-glow:#ff007f26;--accent-2:#00d2ff;--accent-3:#16c641;--accent-4:#ffb000;--warning:#ffb000;--danger:#ff3b30;--success:#16c641;--text-primary:#000;--text-secondary:#000;--text-muted:#333;--cat-image:#00d2ff;--cat-pdf:#16c641;--cat-social:#ff007f;--cat-text:#ffb000;--glass-bg:#fff;--glass-border:#000;--glass-blur:none;--shadow-sm:3px 3px 0px #000;--shadow-md:6px 6px 0px #000;--shadow-lg:10px 10px 0px #000;--shadow-glow:none;--nav-width:90px;--nav-height:70px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--max-width:1300px;--section-padding:clamp(3rem, 6vw, 6rem);--outline-none:none!important}html[data-theme=dark]{--bg-primary:#000;--bg-secondary:#050505;--bg-surface:#0a0a0c;--bg-hover:#16161a;--surface-dark:#000;--border:#1f1f23;--border-hover:#3f3f46;--border-accent:#ff007f;--accent:#ff007f;--accent-light:#ff85c0;--accent-glow:#ff007f40;--accent-2:#00d2ff;--accent-3:#16c641;--accent-4:#ffb000;--warning:#ffb000;--danger:#ff453a;--success:#16c641;--text-primary:#f5f5fa;--text-secondary:#e0e0ec;--text-muted:#8e8e9f;--glass-bg:#0a0a0c;--glass-border:#1f1f23;--shadow-sm:3px 3px 0px #000;--shadow-md:6px 6px 0px #000;--shadow-lg:10px 10px 0px #000}html[data-theme=dark],html[data-theme=dark] body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;background-image:radial-gradient(#ffffff14 1.5px,#0000 1.5px)!important}html[data-theme=dark] .navbar{background-color:var(--bg-secondary)!important;border-right-color:var(--border)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .hamburger,html[data-theme=dark] .nav-link,html[data-theme=dark] .nav-search-btn,html[data-theme=dark] .theme-toggle-btn,html[data-theme=dark] .tool-page-back{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html[data-theme=dark] .breadcrumb{background:#faff05!important;border-color:#000!important;box-shadow:3px 3px #000!important}html[data-theme=dark] a.breadcrumb-item{background:var(--bg-surface)!important;color:#fff!important;border-color:#000!important}html[data-theme=dark] a.breadcrumb-item:hover{color:#faff05!important;background:#000!important}html[data-theme=dark] .breadcrumb-separator{color:#000!important}html[data-theme=dark] .breadcrumb-current{color:#faff05!important;background:#000!important;border-color:#000!important}html[data-theme=dark] .tools-category-header{background:var(--bg-surface)!important;border-color:#000!important;box-shadow:4px 4px #000!important}html[data-theme=dark] .tools-category-header h2{color:#f5f5fa!important}html[data-theme=dark] .cat-count{color:#000!important;background:#faff05!important;border-color:#000!important;box-shadow:2px 2px #000!important}html[data-theme=dark] .btn-primary{color:#000!important;background:#faff05!important}html[data-theme=dark] .radio-card{background:var(--bg-surface)!important;border-color:#000!important;box-shadow:3px 3px #000!important}html[data-theme=dark] .radio-card:hover{background:var(--bg-hover)!important}html[data-theme=dark] .radio-card:has(input[type=radio]:checked){color:#000!important;background:#faff05!important}:is(html[data-theme=dark] .radio-card:has(input[type=radio]:checked) .radio-card-title,html[data-theme=dark] .radio-card:has(input[type=radio]:checked) .radio-card-desc){color:#000!important}html[data-theme=dark] .radio-card-title{color:#f5f5fa!important}html[data-theme=dark] .radio-card-desc{color:#aaa!important}html[data-theme=dark] .file-info{background:var(--bg-surface)!important;border-color:#000!important;box-shadow:3.5px 3.5px #000!important}html[data-theme=dark] .file-info-name{color:#f5f5fa!important}html[data-theme=dark] .file-info-size{color:#000!important;background:#faff05!important;border-color:#000!important}html[data-theme=dark] .logo-text,html[data-theme=dark] .logo-text span,html[data-theme=dark] .tool-page-header h1,html[data-theme=dark] .tool-page-header p,html[data-theme=dark] .form-group label,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] p{color:var(--text-primary)!important}html[data-theme=dark] .tool-card,html[data-theme=dark] .tool-page-container,html[data-theme=dark] .search-modal,html[data-theme=dark] .thumbnail-card,html[data-theme=dark] .dropzone{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html[data-theme=dark] .form-input,html[data-theme=dark] .form-textarea,html[data-theme=dark] .form-select{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-textarea::placeholder{color:var(--text-muted)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);width:100%;max-width:100vw;overflow-x:hidden!important}body{color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(#00000026 1.5px,#0000 1.5px);background-size:24px 24px;background-attachment:fixed;width:100%;max-width:100vw;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;position:relative;overflow-x:hidden!important}#app{z-index:1;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .15s}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}img{max-width:100%;height:auto}mark{background:var(--bg-primary);color:#000;border-radius:4px;padding:0 4px;font-weight:700}.header-navbar{background:var(--bg-primary);border-bottom:4px solid var(--border);z-index:1000;width:100%;height:74px;transition:background .25s,border-color .25s;position:sticky;top:0;left:0;right:0;box-shadow:0 4px #00000026}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1320px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.header-navbar .logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.header-navbar .logo-icon{background:var(--accent);border:3px solid var(--border);color:#000;width:42px;height:42px;box-shadow:2.5px 2.5px 0px var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;animation:8s linear infinite rotateStar;display:flex}.header-navbar .logo-text{text-transform:uppercase;color:var(--text-primary);letter-spacing:.5px;writing-mode:horizontal-tb;font-family:Fredoka,sans-serif;font-size:1.75rem;font-weight:900;transform:none}.header-navbar .logo-text span{color:var(--accent)}.header-navbar .nav-links{align-items:center;gap:.6rem;display:flex}.header-navbar .nav-link{border:3px solid var(--border);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);box-shadow:2.5px 2.5px 0px var(--border);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex}.header-navbar .nav-link span{display:inline-block!important}.header-navbar .nav-link:hover{background:var(--accent-3);color:#000;box-shadow:4px 4px 0px var(--border);transform:translate(-2px,-2px)}.header-navbar .nav-link.active{box-shadow:3.5px 3.5px 0px var(--border);transform:translate(-1px,-1px);background:var(--accent)!important;color:#fff!important}.header-actions{align-items:center;gap:.75rem;display:flex}.nav-search-btn{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-full);box-shadow:2.5px 2.5px 0px var(--border);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex}.nav-search-btn:hover{box-shadow:4px 4px 0px var(--border);background:var(--accent-4);color:#000;transform:translate(-2px,-2px)}.header-theme-btn{background:var(--bg-surface);border:3px solid var(--border);box-shadow:2.5px 2.5px 0px var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex;border-radius:var(--radius-full)!important;width:auto!important;height:auto!important}.header-theme-btn:hover{box-shadow:4px 4px 0px var(--border);background:var(--accent-2);color:#000;transform:translate(-2px,-2px)}.hamburger{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);width:42px;height:42px;box-shadow:2.5px 2.5px 0px var(--border);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:none!important}@media (width<=992px){.header-container{box-sizing:border-box!important;gap:.5rem!important;width:100%!important;max-width:100vw!important;padding:0 .85rem!important}.header-navbar .logo{flex-shrink:1!important;gap:.4rem!important;min-width:0!important}.header-navbar .logo-icon{flex-shrink:0!important;width:34px!important;height:34px!important;font-size:1.15rem!important}.header-navbar .logo-text{letter-spacing:-.3px!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:clamp(.85rem,3.8vw,1.25rem)!important;overflow:hidden!important}.header-actions{flex-shrink:0!important;gap:.35rem!important}.search-label,.theme-text{display:none!important}.nav-search-btn,.header-theme-btn,.hamburger{border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.header-navbar .nav-links{background:var(--bg-surface);border:3.5px solid var(--border);border-radius:var(--radius-md);box-shadow:6px 6px 0px var(--border);z-index:9999;flex-direction:column;gap:.75rem;padding:1.25rem;display:none;position:fixed;top:78px;left:12px;right:12px}.header-navbar .nav-links.open{display:flex!important}.header-navbar .nav-link{justify-content:flex-start;width:100%}.hamburger{display:flex!important}}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eyeSparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@media (width<=768px){.navbar{height:var(--nav-height);background:var(--bg-primary);z-index:1000;box-shadow:none;border-bottom:4px solid #000;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;height:100%;padding:0 1.25rem;display:flex}.navbar-top{align-items:center;gap:.75rem;display:flex}.hamburger{color:#000;background:#fff;border:3px solid #000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;box-shadow:2px 2px #000;display:flex!important}.logo{align-items:center;gap:.5rem;display:flex}.logo-icon{color:var(--accent);font-size:1.3rem;animation:8s linear infinite rotateStar}.logo-text{text-transform:uppercase;color:#000;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:900}.logo-text span{color:#000}.nav-links{top:calc(var(--nav-height) + 4px);border-radius:var(--radius-md);z-index:999;background:#fff;border:3px solid #000;flex-direction:column;gap:.5rem;padding:1rem;display:none;position:fixed;left:12px;right:12px;box-shadow:5px 5px #000}.nav-links.open{display:flex}.nav-link{border-radius:var(--radius-sm);box-sizing:border-box;align-items:center;gap:10px;width:100%;padding:10px 15px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;display:flex}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#faff05}.nav-link.active{background:var(--accent);color:#fff}.navbar-bottom{align-items:center;gap:.75rem;display:flex}.nav-search-btn{color:#000;background:#fff;border:3px solid #000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px #000;margin-left:0!important}.search-kbd{display:none!important}.sidebar-smiley{display:none}}.search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#faff05d9;justify-content:center;align-items:center;padding:1rem;transition:opacity .2s;display:flex;position:fixed;inset:0}.search-overlay.open{opacity:1;pointer-events:auto}.search-modal{border-radius:var(--radius-lg);background:#fff;border:4px solid #000;width:100%;max-width:650px;animation:.25s cubic-bezier(.175,.885,.32,1.275) modalPop;overflow:hidden;box-shadow:8px 8px #000}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.search-input-row{border-bottom:4px solid #000;align-items:center;gap:1rem;padding:1.25rem;display:flex}.search-icon{color:#000;flex-shrink:0}#globalSearch{color:#000;background:0 0;border:none;flex:1;font-size:1.35rem;font-weight:700}#globalSearch::placeholder{color:#888}.search-esc{background:#faff05;border:3px solid #000;border-radius:6px;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-weight:700;box-shadow:2px 2px #000}.search-results{flex-direction:column;gap:.75rem;max-height:400px;padding:1rem;display:flex;overflow-y:auto}.search-placeholder{text-align:center;color:#333;padding:3rem 1.5rem}.search-placeholder p{margin-top:1rem;font-size:1.1rem;font-weight:700}.search-result{border-radius:var(--radius-md);color:#000;cursor:pointer;background:#fff;border:3px solid #000;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .15s;display:flex;box-shadow:3px 3px #000}.search-result.active,.search-result:hover{background:var(--accent-3);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.sr-icon{flex-shrink:0;font-size:1.6rem}.sr-text{flex-direction:column;flex:1;display:flex}.sr-name{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700}.sr-desc{color:#333;margin-top:.2rem;font-size:.85rem}.sr-cat{text-transform:uppercase;background:#faff05;border:2px solid #000;border-radius:6px;padding:4px 8px;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;box-shadow:1.5px 1.5px #000}.search-empty{text-align:center;padding:3rem 1.5rem}.empty-icon{margin-bottom:.75rem;font-size:2rem;display:block}.empty-hint{color:#555;margin-top:.5rem;font-size:.85rem;display:block}.hero{max-width:var(--max-width);padding:var(--section-padding) 2rem 2.5rem;text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.hero:after{content:"★";color:var(--accent);font-size:2.5rem;animation:3s ease-in-out infinite pulseStar;position:absolute;top:10%;right:15%}.hero:before{content:"★";color:var(--accent-3);font-size:2rem;animation:4s ease-in-out 1s infinite pulseStar;position:absolute;bottom:15%;left:10%}@keyframes pulseStar{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(45deg)}}.hero-badge{color:#fff;text-transform:uppercase;box-shadow:3px 3px 0px var(--accent);background:#000;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;display:inline-flex}.hero h1{color:#000;text-transform:uppercase;letter-spacing:-1px;margin-bottom:2.5rem;font-family:Fredoka,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.05}html[data-theme=dark] .hero h1{color:var(--text-primary)}.reveal-word{opacity:0;transition:opacity .5s,transform .5s;display:inline-block;transform:translateY(20px)}.reveal-word.revealed{opacity:1;transform:translateY(0)}.reveal-word .gradient{color:var(--accent);-webkit-text-stroke:1.5px #000}.hero-pain{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:860px;margin:0 auto 2.5rem;display:flex}.pain-card{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);min-width:240px;max-width:360px;box-shadow:var(--shadow-md);text-align:left;flex:1;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.pain-card--solution{border-color:var(--accent-3);box-shadow:6px 6px 0px var(--accent-3)}.pain-icon{background:var(--bg-primary);border:3px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pain-card--solution .pain-icon{background:var(--accent-3);color:#000;border-color:#000}.pain-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.3rem;font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:700;display:block}.pain-card--solution .pain-label{color:var(--accent-3)}.pain-text p{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}.pain-arrow{color:var(--text-muted);flex-shrink:0}.hero-stats{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:0;width:fit-content;margin:0 auto;padding:.6rem 1.5rem;display:flex}.hero-stat{flex-direction:column;align-items:center;padding:.4rem 1.5rem;display:flex}.hero-stat .num{color:var(--text-primary);font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:900;line-height:1}.hero-stat .label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;margin-top:.2rem;font-size:.72rem;font-weight:700}.hero-stat-divider{background:var(--border);border-radius:2px;flex-shrink:0;width:2px;height:36px}html[data-theme=dark] .hero-stat .num{color:#f5f5fa!important}html[data-theme=dark] .hero-stat .label{color:#9da0b8!important}html[data-theme=dark] .pain-card{background:var(--bg-surface);border-color:var(--border)}html[data-theme=dark] .pain-text p{color:var(--text-primary)}html[data-theme=dark] .hero-stats{background:var(--bg-surface);border-color:var(--border)}.category-tabs{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:1200px;margin:0 auto 3rem;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.cat-tab{cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .15s;display:inline-flex;border-radius:var(--radius-full)!important;color:#000!important;border:3.5px solid #000!important;padding:12px 24px!important;box-shadow:4px 4px #000!important}.cat-tab span.count{color:#fff;background:#000;border:2px solid #000;border-radius:999px;padding:2px 8px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700}.cat-tab:hover{transform:translate(-2px,-2px);background:var(--accent)!important;color:#fff!important;box-shadow:6px 6px #000!important}.cat-tab.active{transform:translate(-1px,-1px);background:var(--accent-3)!important;color:#000!important;box-shadow:5px 5px #000!important}.cat-tab.active span.count{color:#fff;background:#000}.tools-section{width:100%!important;max-width:1320px!important;padding:2rem 1.5rem var(--section-padding) 1.5rem!important;margin:0 auto!important}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.tools-category{margin-bottom:2.5rem;width:100%!important}.tools-category-header{background-color:var(--bg-surface,#fff);border-radius:var(--radius-md,16px);border:3px solid #000;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.75rem;padding:.65rem 1.25rem;transition:all .2s;display:inline-flex;box-shadow:4px 4px #000}.tools-category-header:hover{transform:translateY(-2px);box-shadow:6px 6px #000}.cat-icon{color:#000;background-color:#faff05;border:2.5px solid #000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:2px 2px #000}.cat-icon.image{background-color:var(--cat-image,#00d2ff)}.cat-icon.pdf{background-color:var(--cat-pdf,#16c641)}.cat-icon.social{background-color:var(--cat-social,#ff007f);color:#fff}.cat-icon.text{background-color:var(--cat-text,#ffb000)}.cat-icon svg{stroke-width:2.2px;width:24px;height:24px}.tools-category-header h2{color:#000;letter-spacing:-.3px;text-transform:uppercase;margin:0;font-family:Fredoka,Space Grotesk,sans-serif;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:900;line-height:1.2}.cat-count{color:#000;text-transform:uppercase;letter-spacing:.04em;background-color:#faff05;border:2px solid #000;border-radius:999px;align-items:center;margin-left:.25rem;padding:.3rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:2px 2px #000}.tools-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%!important;display:grid!important}@media (width<=1100px){.tools-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=650px){.tools-grid{grid-template-columns:1fr!important}}.tool-card{border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-md);box-sizing:border-box;background:#fff;border:4px solid #000;flex-direction:column;padding:2rem;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.tool-card:nth-child(5n+1){background:#fff}.tool-card:nth-child(5n+2){background:var(--accent-3)}.tool-card:nth-child(5n+3){background:var(--bg-primary)}.tool-card:nth-child(5n+4){background:var(--accent-2)}.tool-card:nth-child(5n+5){background:var(--accent);color:#fff}.tool-card:nth-child(5n+5) .tool-badge{color:#000;background:#fff}.tool-card:nth-child(5n+5) .tool-link{color:#fff;background:#000;border-color:#fff}.tool-card:nth-child(5n+5) .tool-link:hover{color:#000;background:#fff}.tool-card:hover{box-shadow:var(--shadow-lg);transform:translate(-5px,-5px)}.tool-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.tool-icon{color:#000;background:#fff;border:3px solid #000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:2rem;display:flex;box-shadow:2px 2px #000}.tool-badge{text-transform:uppercase;color:#fff;letter-spacing:.5px;background:#000;border-radius:6px;padding:4px 10px;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700}.tool-card h3{color:inherit;margin-bottom:.75rem;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:900;line-height:1.2}.tool-card:not(:nth-child(5n+5)) h3{color:#000}.tool-desc{color:#333;flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.4}.tool-card:nth-child(5n+5) .tool-desc{color:#eee}.tool-link{color:#000;background:#fff;border:3px solid #000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-family:Fredoka,sans-serif;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:3px 3px #000}.tool-link:hover{color:#fff;background:#000;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.tool-link svg{transition:transform .15s}.tool-link:hover svg{transform:translate(4px)}.tool-page{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1.25rem}.tool-page-back{color:#000;background:#fff;border:2.5px solid #000;border-radius:10px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.45rem .95rem;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:2px 2px #000}.tool-page-back:hover{background:var(--accent);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.breadcrumb{background-color:var(--bg-primary,#faff05);border:2px solid #000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.25rem .65rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:2.5px 2.5px #000}.breadcrumb-item{color:#000;border-radius:6px;align-items:center;padding:.15rem .45rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}a.breadcrumb-item{background:#fff;border:1.5px solid #000}a.breadcrumb-item:hover{color:#faff05;background:#000;transform:translateY(-1px);box-shadow:2px 2px #000}.breadcrumb-separator{color:#000;-webkit-user-select:none;user-select:none;padding:0 .1rem;font-size:.95rem;font-weight:900}.breadcrumb-current{color:#fff;background:#000;border:1.5px solid #000}.tool-page-header{text-align:left;margin-bottom:1.25rem}.tool-page-header h1{color:#000;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:.25rem;font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:900;line-height:1.1}.tool-page-header p{color:#333;font-size:.95rem}.tool-page-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;border:3.5px solid #000;padding:1.5rem}.form-group{text-align:left;margin-bottom:1rem}.form-group label{color:#000;text-transform:uppercase;margin-bottom:.35rem;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:700;display:block}input[type=text],input[type=password],input[type=number],input[type=email],input[type=url],select,textarea{color:#000;box-sizing:border-box;background:#fff;border:2.5px solid #000;border-radius:10px;width:100%;padding:.65rem .9rem;font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:500;transition:border-color .15s,box-shadow .15s;box-shadow:inset 1.5px 1.5px #00000014}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:2.5px 2.5px #000}textarea{resize:vertical;min-height:85px}.form-row{gap:1rem;margin-bottom:1rem;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.radio-card-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;margin-top:.35rem;display:grid}@media (width<=680px){.radio-card-grid{grid-template-columns:1fr}}.radio-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:2.5px solid #000;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;transition:all .15s;display:flex;position:relative;box-shadow:3px 3px #000}.radio-card:hover{background:#faff051f;transform:translateY(-2px);box-shadow:4.5px 4.5px #000}.radio-card:has(input[type=radio]:checked){background:#faff05;border-color:#000;transform:translateY(-1px);box-shadow:3.5px 3.5px #000}.radio-card input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;outline:none;flex-shrink:0;place-content:center;width:18px;height:18px;margin-top:.15rem;transition:all .15s;display:grid}.radio-card input[type=radio]:before{content:"";background:#000;border-radius:50%;width:9px;height:9px;transition:transform .15s ease-in-out;transform:scale(0)}.radio-card input[type=radio]:checked:before{transform:scale(1)}.radio-card-content{flex-direction:column;gap:.1rem;display:flex}.radio-card-title{color:#000;font-family:Fredoka,Space Grotesk,sans-serif;font-size:.9rem;font-weight:800;line-height:1.2}.radio-card-desc{color:#444;font-size:.78rem;font-weight:500;line-height:1.3}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;border:2.5px dashed #000;margin-bottom:1rem;padding:1.5rem 1.25rem;transition:all .15s;position:relative;box-shadow:3px 3px #00000014}.dropzone:hover,.dropzone.dragover{background:#faff0514;border-style:solid;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.dropzone-icon{margin-bottom:.5rem;font-size:2.2rem;animation:3s ease-in-out infinite bounceSlow;display:block}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dropzone-text{color:#000;margin-bottom:.5rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700}.dropzone-hint{color:#555;font-size:.85rem;font-weight:500}.btn{text-transform:uppercase;box-shadow:var(--shadow-sm);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:800;transition:all .15s;display:inline-flex;border:2.5px solid #000!important;border-radius:10px!important}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn-primary{background:var(--bg-primary);color:#000;font-weight:800}.btn-primary:hover{color:var(--bg-primary);background:#000;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-secondary{color:#000;background:#fff}.btn-secondary:hover{color:#fff;background:#000;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{color:var(--danger);background:#000;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-success{background:var(--accent-3);color:#000}.btn-success:hover{color:var(--accent-3);background:#000;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-block{width:100%}input[type=range]{-webkit-appearance:none;background:#fff;border:2px solid #000;border-radius:6px;outline:none;width:100%;height:10px;margin:1rem 0;box-shadow:1.5px 1.5px #000}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #000;border-radius:50%;width:22px;height:22px;transition:all .1s;box-shadow:1.5px 1.5px #000}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-3);transform:scale(1.15)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-box{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #000;border-radius:12px;padding:1.25rem}.stat-box .num{color:#000;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:900;line-height:1.1}.stat-box .label{text-transform:uppercase;color:#666;margin-top:.3rem;font-size:.8rem;font-weight:700}.pdf-page-grid{background:#fff;border:3px solid #000;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.25rem;max-height:400px;margin:1.5rem 0;padding:.5rem;display:grid;overflow-y:auto;box-shadow:inset 2px 2px #00000014}.pdf-page-thumb{text-align:center;cursor:pointer;background:#fff;border:3px solid #000;border-radius:10px;padding:.75rem;transition:all .15s;position:relative;box-shadow:2px 2px #000}.pdf-page-thumb:hover{border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:3px 3px #000}.pdf-page-thumb.selected{border-color:var(--accent);background:#ff007f14;box-shadow:3px 3px #000}.pdf-page-thumb img{border:1.5px solid #000;border-radius:6px;max-width:100%;height:auto;margin-bottom:.5rem}.pdf-page-thumb .page-num{color:#000;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700}.sliced-grid{box-shadow:var(--shadow-sm);background:#fff;border:3px solid #000;border-radius:12px;gap:.75rem;margin:1.5rem 0;padding:1rem;display:grid}.sliced-grid img{border:2px solid #000;border-radius:8px;width:100%;display:block}.password-display{word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--bg-primary);text-align:center;border:3px solid #000;border-radius:10px;margin:1.5rem 0;padding:1rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;box-shadow:2.5px 2.5px #000}.password-field{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.password-field input{flex:1}.password-field .toggle-pw{color:#000;cursor:pointer;background:#fff;border:3px solid #000;border-radius:12px;padding:.95rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:2.5px 2.5px #000}.password-field .toggle-pw:hover{color:#fff;background:#000;transform:translate(-1px,-1px);box-shadow:3.5px 3.5px #000}.tweet-container{justify-content:center;padding:1.5rem 0;display:flex}.tweet-preview{border-radius:var(--radius-md);width:100%;max-width:550px;box-shadow:var(--shadow-md);box-sizing:border-box;text-align:left;background:#fff;border:4px solid #000;padding:1.5rem}.tweet-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tweet-user{align-items:center;gap:.75rem;display:flex}.tweet-avatar{object-fit:cover;background:var(--bg-primary);border:2px solid #000;border-radius:50%;width:48px;height:48px}.tweet-info{flex-direction:column;display:flex}.tweet-name{color:#000;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.tweet-username{color:#555;font-size:.85rem;font-weight:500}.tweet-logo{color:#000}.tweet-body{color:#000;white-space:pre-wrap;word-break:break-word;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:500;line-height:1.4}.tweet-media{border:3px solid #000;border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:2px 2px #000}.tweet-media img{width:100%;display:block}.tweet-footer{color:#555;border-top:2px solid #eee;padding-top:.75rem;font-size:.85rem;font-weight:500}.preview-area{border-radius:var(--radius-md,12px);box-sizing:border-box;background:#fff;border:2.5px solid #000;flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;margin:1rem 0;padding:1rem;display:flex;box-shadow:3px 3px #000}.preview-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.preview-header h3,.preview-area>h3{text-transform:uppercase;color:#000;margin:0;font-family:Fredoka,Space Grotesk,sans-serif;font-size:.95rem;font-weight:800}.preview-thumbnail-wrapper{cursor:zoom-in;box-sizing:border-box;background-color:#f8f8f8;background-image:radial-gradient(#d0d0d0 1px,#0000 1px);background-size:10px 10px;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;max-width:100%;max-height:200px;padding:.35rem;transition:all .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:2px 2px #000}.preview-thumbnail-wrapper:hover{border-color:#000;transform:translateY(-2px);box-shadow:4px 4px #000}.preview-area img,.preview-thumbnail-wrapper img,#previewImg,#origPreviewImg{object-fit:contain;cursor:zoom-in;border-radius:6px;display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:180px!important}.preview-area canvas,.preview-thumbnail-wrapper canvas{object-fit:contain;cursor:zoom-in;border-radius:6px;display:block;max-width:100%!important;max-height:180px!important}.btn-enlarge-preview{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#faff05;border:2px solid #000;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:2px 2px #000}.btn-enlarge-preview:hover{color:#faff05;background:#000;transform:translateY(-1px);box-shadow:3px 3px #000}.lightbox-modal{z-index:99999;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;box-sizing:border-box;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.lightbox-modal.open{opacity:1;visibility:visible}.lightbox-content{flex-direction:column;justify-content:center;align-items:center;max-width:92vw;max-height:88vh;display:flex;position:relative}.lightbox-img{object-fit:contain;background:#fff;border:3.5px solid #000;border-radius:12px;box-shadow:0 12px 40px #0009,5px 5px #faff05;width:auto!important;max-width:90vw!important;height:auto!important;max-height:82vh!important}.lightbox-close{color:#fff;cursor:pointer;z-index:2;background:#ff007f;border:2.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;font-weight:900;transition:all .15s;display:flex;position:absolute;top:-18px;right:-18px;box-shadow:2.5px 2.5px #000}.lightbox-close:hover{color:#faff05;background:#000;transform:scale(1.1)}.lightbox-caption{color:#fff;background:#000;border:2px solid #faff05;border-radius:999px;margin-top:.75rem;padding:.3rem .8rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;box-shadow:2px 2px #faff05}.progress-bar{background:#fff;border:3px solid #000;border-radius:6px;width:100%;height:12px;margin:1.25rem 0;position:relative;overflow:hidden;box-shadow:2px 2px #000}.progress-bar-fill{background:var(--accent-3);border-right:3px solid #000;height:100%;transition:width .3s}.spinner{border:4px solid #000;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pulse{background:var(--accent-3);border:2px solid #000;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{color:#000;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInRight;display:flex}.toast.success{background:var(--accent-3)}.toast.error{background:var(--danger);color:#fff}.toast.info{background:var(--accent-2)}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.footer{text-align:center;color:#fff;background:#000;border-top:4px solid #000;margin-top:auto;padding:3rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700}.footer strong{color:#fff;font-family:Fredoka,sans-serif;font-weight:900}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--bg-primary);border:3px solid #000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{color:var(--bg-primary);background:#000}@media (width<=768px){#app{width:100%;max-width:100vw;padding-left:0;overflow-x:hidden}.header-container{gap:.35rem!important;padding:0 .65rem!important}.header-navbar .logo-icon{width:30px!important;height:30px!important;font-size:1rem!important}.header-navbar .logo-text{letter-spacing:-.4px!important;font-size:clamp(.78rem,3.6vw,1.1rem)!important}.hero{box-sizing:border-box!important;max-width:100vw!important;padding:2rem .85rem!important;overflow:hidden!important}.hero:before,.hero:after{display:none!important}.hero-badge{white-space:normal!important;text-align:center!important;word-break:break-word!important;box-sizing:border-box!important;max-width:100%!important;margin-bottom:1.5rem!important;padding:.4rem .75rem!important;font-size:.78rem!important}.hero h1{word-break:break-word!important;overflow-wrap:break-word!important;letter-spacing:-.5px!important;margin-bottom:1.5rem!important;font-size:clamp(1.65rem,6.8vw,2.5rem)!important;line-height:1.15!important}.hero-pain{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important;max-width:100%!important;margin-bottom:1.75rem!important}.pain-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:1rem 1.15rem!important}.pain-arrow{align-self:center!important;margin:.25rem 0!important;transform:rotate(90deg)!important}.hero-stats{box-sizing:border-box!important;border-radius:12px!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;width:100%!important;max-width:100%!important;padding:.85rem .5rem!important;display:grid!important}.hero-stat{padding:.4rem .5rem!important}.hero-stat .num{font-size:1.35rem!important}.hero-stat .label{font-size:.68rem!important}.hero-stat-divider{display:none!important}.hero-cta{flex-direction:column!important;gap:.75rem!important;width:100%!important}.hero-cta .btn{width:100%!important}.tools-section{box-sizing:border-box!important;max-width:100vw!important;padding:0 .85rem 2.5rem!important}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}.tool-page{box-sizing:border-box!important;max-width:100vw!important;padding:1.5rem .75rem!important}.tool-page-container{box-sizing:border-box!important;padding:1rem!important}.form-row{flex-direction:column!important;gap:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.header-container{gap:.25rem!important;padding:0 .45rem!important}.header-navbar .logo-text{letter-spacing:-.5px!important;font-size:clamp(.7rem,3.3vw,.95rem)!important}.header-navbar .logo-icon{width:26px!important;height:26px!important;font-size:.9rem!important}.nav-search-btn,.header-theme-btn,.hamburger{width:34px!important;height:34px!important}.tools-grid,.stats-grid{grid-template-columns:1fr!important}.btn{width:100%!important}}.footer-author-link{color:#fff;align-items:center;gap:.35rem;font-family:Fredoka,sans-serif;font-weight:900;text-decoration:none;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.footer-author-link:hover{transform:scale(1.05);color:var(--accent)!important}.footer-github-icon{color:#000;background:#fff;border:2px solid #000;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex;box-shadow:1.5px 1.5px #000}.footer-author-link:hover .footer-github-icon{background:var(--accent);color:#fff;border-color:#000;transform:rotate(8deg);box-shadow:2px 2px #000}.download-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.download-modal-overlay.active{opacity:1;pointer-events:auto}.download-modal-container{background:var(--bg-surface,#fff);border:3px solid #000;border-radius:12px;flex-direction:column;width:90%;max-width:480px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:10px 10px #000}.download-modal-overlay.active .download-modal-container{transform:scale(1)translateY(0)}.download-modal-header{background:var(--accent-3,#16c641);border-bottom:3px solid #000;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.download-modal-title{color:#000;letter-spacing:.05em;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:900}.download-modal-close-btn{cursor:pointer;background:#fff;border:2px solid #000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;font-weight:700;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:2px 2px #000}.download-modal-close-btn:hover{background:var(--accent,#ff007f);color:#fff;transform:scale(1.1)rotate(90deg)}.download-modal-body{background:#fafafa;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.download-modal-icon-container{background:var(--bg-primary,#faff05);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:.25rem;font-size:2.25rem;animation:1.5s ease-in-out infinite alternate bounceEmoji;display:flex;box-shadow:4px 4px #000}@keyframes bounceEmoji{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-5px)rotate(5deg)}}.download-modal-details-table{background:#fff;border:2.5px solid #000;border-radius:8px;width:100%;overflow:hidden;box-shadow:4px 4px #000}.download-modal-row{border-bottom:2px solid #000;padding:.75rem 1rem;display:flex}.download-modal-row:last-child{border-bottom:none}.download-modal-label{color:#000;flex-shrink:0;width:100px;font-weight:700}.download-modal-value{word-break:break-all;text-overflow:ellipsis;white-space:nowrap;color:#333;flex-grow:1;font-family:monospace;font-size:.9rem;overflow:hidden}.download-modal-filename{color:var(--accent,#ff007f);font-weight:600}.download-modal-disclaimer{color:#666;text-align:center;margin:0;font-size:.85rem;font-weight:500}.download-modal-footer{background:#fff;border-top:3px solid #000;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.download-modal-btn{cursor:pointer;border:2.5px solid #000;border-radius:8px;padding:.75rem 1.25rem;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:900;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.download-modal-btn-cancel{color:#000;background:#fff;box-shadow:3px 3px #000}.download-modal-btn-cancel:hover{background:#f3f3f3;transform:translateY(-2px);box-shadow:5px 5px #000}.download-modal-btn-confirm{background:var(--accent,#ff007f);color:#fff;box-shadow:3px 3px #000}.download-modal-btn-confirm:hover{background:var(--accent-light,#ff85c0);color:#000;transform:translateY(-2px);box-shadow:5px 5px #000}.download-modal-btn:active{transform:translateY(1px);box-shadow:1px 1px #000}html[data-theme=dark] .download-modal-container{background:var(--bg-surface)!important;border-color:var(--border)!important;box-shadow:10px 10px #000!important}html[data-theme=dark] .download-modal-header{background:var(--bg-secondary)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .download-modal-title{color:var(--text-primary)!important}html[data-theme=dark] .download-modal-close-btn{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important;box-shadow:2px 2px #000!important}html[data-theme=dark] .download-modal-close-btn:hover{background:var(--accent)!important;color:#fff!important}html[data-theme=dark] .download-modal-body{background:var(--bg-primary)!important}html[data-theme=dark] .download-modal-icon-container,html[data-theme=dark] .download-modal-details-table{background:var(--bg-surface)!important;border-color:var(--border)!important;box-shadow:4px 4px #000!important}html[data-theme=dark] .download-modal-row{border-bottom-color:var(--border)!important}html[data-theme=dark] .download-modal-label{color:var(--text-primary)!important}html[data-theme=dark] .download-modal-value{color:var(--text-secondary)!important}html[data-theme=dark] .download-modal-filename{color:var(--accent-light)!important}html[data-theme=dark] .download-modal-disclaimer{color:var(--text-muted)!important}html[data-theme=dark] .download-modal-footer{background:var(--bg-secondary)!important;border-top-color:var(--border)!important}html[data-theme=dark] .download-modal-btn-cancel{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important;box-shadow:3px 3px #000!important}html[data-theme=dark] .download-modal-btn-cancel:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}html[data-theme=dark] .download-modal-btn-confirm{background:var(--accent)!important;color:#fff!important;border-color:#000!important;box-shadow:3px 3px #000!important}html[data-theme=dark] .download-modal-btn-confirm:hover{background:var(--accent-light)!important;color:#000!important}.global-drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;opacity:0;pointer-events:none;box-sizing:border-box;background:#faff05f2;justify-content:center;align-items:center;padding:2rem;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.global-drag-overlay.active{opacity:1;pointer-events:auto}.global-drag-content{text-align:center;border-radius:var(--radius-lg,24px);background:#fff;border:4px solid #000;width:100%;max-width:600px;padding:3.5rem 2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(30px)scale(.95);box-shadow:12px 12px #000}.global-drag-overlay.active .global-drag-content{transform:translateY(0)scale(1)}.global-drag-icon{margin-bottom:1.5rem;font-size:4.5rem;animation:1.5s ease-in-out infinite bounceDragIcon;display:inline-block}@keyframes bounceDragIcon{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}.global-drag-content h2{color:#000;letter-spacing:-.5px;margin-bottom:1rem;font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:900}.global-drag-content p{color:#333;margin-bottom:2rem;font-size:1.1rem;font-weight:700}.global-drag-formats{flex-direction:column;align-items:center;gap:.75rem;display:flex}.format-badge{border:3px solid #000;border-radius:10px;width:80%;max-width:320px;padding:.6rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:3px 3px #000}.format-badge.badge-image{background:var(--accent-2,#00d2ff)}.format-badge.badge-pdf{background:var(--accent-3,#16c641);color:#000}.format-badge.badge-word{background:var(--accent-4,#ffb000)}.compressor-workspace{grid-template-columns:1fr 1.2fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=900px){.compressor-workspace{grid-template-columns:1fr}}.compressor-controls-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;border:4px solid #000;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.compressor-preview-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;border:4px solid #000;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.comparison-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.5rem;display:grid}@media (width<=480px){.comparison-container{grid-template-columns:1fr}}.comparison-box{background:#f9f9f9;border:3.5px solid #000;border-radius:16px;flex-direction:column;align-items:center;padding:1.25rem;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #000}.comparison-box.compressed-box{border-color:var(--accent);box-shadow:6px 6px 0px var(--accent);background:#fff}.comparison-box-title{text-transform:uppercase;color:#000;background:#eaeaea;border:2.5px solid #000;border-radius:8px;margin-bottom:.75rem;padding:4px 12px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:900;box-shadow:1.5px 1.5px #000}.compressed-box .comparison-box-title{background:var(--accent);color:#fff;border-color:#000;box-shadow:2px 2px #000}.comparison-img-wrapper{background:#efefef;border:3px solid #000;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.comparison-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%;display:block}.live-metrics-panel{color:#fff;box-shadow:4px 4px 0px var(--accent-3);background:#000;border:3.5px solid #000;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem 1.75rem;display:flex}.metric-item{flex-direction:column;display:flex}.metric-item .metric-label{color:#ccc;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.metric-item .metric-value{color:#fff;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:900}.metric-item .metric-value.highlight-green{color:var(--accent-3)}.metric-savings-badge{background:var(--accent);color:#fff;text-shadow:1.5px 1.5px #000;border:3px solid #000;border-radius:10px;padding:.5rem 1rem;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:900;animation:2s ease-in-out infinite pulseSavings;transform:rotate(-3deg);box-shadow:3px 3px #fff}@keyframes pulseSavings{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(-3deg)scale(1.06)}}.live-indicator{background:#fff;border:2.5px solid #000;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:2px 2px #000}.live-indicator-dot{background:var(--accent-3);border-radius:50%;width:9px;height:9px;animation:1s infinite alternate blinkLiveDot}@keyframes blinkLiveDot{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.comp-loading-overlay{z-index:10;opacity:0;pointer-events:none;background:#ffffffd9;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.comp-loading-overlay.active{opacity:1}.spinner-brutalist{border:4px solid #000;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.6s linear infinite spinSp}@keyframes spinSp{to{transform:rotate(360deg)}}.tool-page,.hero,.category-tabs,.tools-section{animation:.35s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-exit-active .hero,.page-exit-active .category-tabs,.page-exit-active .tools-section,.page-exit-active .tool-page{opacity:0!important;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)!important;transform:translateY(-20px)scale(.98)!important}.tool-card.clicked-anim{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)!important;transform:scale(.95)translate(2px,2px)!important;box-shadow:2px 2px #000!important}.file-info{box-sizing:border-box;background:#fff;border:3px solid #000;border-radius:12px;align-items:center;gap:.85rem;width:100%;margin-bottom:1.25rem;transition:all .15s;display:flex;position:relative;box-shadow:3.5px 3.5px #000;padding:.75rem 3.5rem .75rem .85rem!important}.file-info-icon{background:#faff05;border:2px solid #000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex;box-shadow:2px 2px #000}.file-info-details{flex-direction:column;flex:1;gap:.2rem;display:flex;overflow:hidden}.file-info-name{color:#000;word-break:break-all;letter-spacing:-.2px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:800;line-height:1.25}.file-info-size{color:#fff;letter-spacing:.03em;background:#000;border:1.5px solid #000;border-radius:999px;width:fit-content;padding:.15rem .55rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:800;display:inline-flex}.file-info-remove{background:var(--accent,#ff007f);color:#fff;cursor:pointer;z-index:5;border:2.5px solid #000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:900;transition:transform .1s,box-shadow .1s,background-color .1s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:2.5px 2.5px #000}.file-info-remove:hover{color:#faff05;background:#000;transform:translateY(-50%)translate(-1px,-1px);box-shadow:3.5px 3.5px #000}.file-info-remove:active{transform:translateY(-50%)translate(1px,1px);box-shadow:1px 1px #000}.theme-toggle-btn{background:var(--bg-surface);border:3px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme-toggle-btn:hover{box-shadow:var(--shadow-md);background:var(--accent-2);color:#000;transform:translate(-1px,-1px)}.theme-icon-sun{display:block}.theme-icon-moon,html[data-theme=dark] .theme-icon-sun{display:none}html[data-theme=dark] .theme-icon-moon{display:block}.ig-preview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.ig-media-card{background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.6rem;padding:.75rem;transition:transform .15s,box-shadow .15s;display:flex}.ig-media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ig-card-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.ig-media-thumb{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.ig-media-thumb img,.ig-media-thumb video{object-fit:cover;width:100%;height:100%;max-height:180px;display:block}.ig-card-actions{gap:.5rem;margin-top:auto;display:flex}.spotify-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #0000000d}.spotify-cover-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:110px;height:110px;box-shadow:0 4px 10px #00000026}.spotify-hero-details{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.spotify-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#1db954;border-radius:20px;width:fit-content;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.spotify-quality-tag{color:#1db954;background:#1db9541a;border-radius:20px;width:fit-content;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.spotify-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.3rem;font-weight:800;line-height:1.25;overflow:hidden}.spotify-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.spotify-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.btn-success{color:#fff;background:#1db954;border:none;font-weight:700}.btn-success:hover{background:#1aa34a}.spotify-tracklist-header{text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);grid-template-columns:28px 45px minmax(160px,2fr) 65px minmax(130px,1.5fr) 110px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.75rem;font-weight:700;display:grid}.spotify-tracklist{flex-direction:column;gap:.4rem;max-height:520px;padding-right:.25rem;display:flex;overflow-y:auto}.spotify-track-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:28px 45px minmax(160px,2fr) 65px minmax(130px,1.5fr) 110px;align-items:center;gap:.75rem;padding:.6rem .8rem;transition:transform .15s,background .15s;display:grid}.spotify-track-row:hover{background:var(--bg-hover,#00000005);transform:translate(2px)}.track-idx{color:var(--text-muted);text-align:center;font-size:.8rem;font-weight:700}.track-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px}.track-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.track-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.track-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.track-duration{color:var(--text-muted);text-align:center;font-size:.8rem;font-weight:600}.track-preview audio{border-radius:16px;width:100%;height:32px}.tool-section-pills-wrap{-webkit-overflow-scrolling:touch;margin:1.5rem 0 2rem;padding-bottom:4px;overflow-x:auto}.tool-section-pills-wrap::-webkit-scrollbar{height:4px}.tool-section-pills-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.tool-section-pills{flex-wrap:nowrap;align-items:center;gap:8px;min-width:max-content;display:flex}.tool-section-pill{background:var(--bg-card,#ffffff0d);color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:8px 20px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.tool-section-pill:hover{color:var(--text);border-color:var(--text);transform:translateY(-1px)}.tool-section-pill.active{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 4px 14px #00000026}[data-theme=dark] .tool-section-pill{color:#a1a1aa;background:#18181b;border-color:#27272a}[data-theme=dark] .tool-section-pill:hover{color:#fff;background:#27272a;border-color:#3f3f46}[data-theme=dark] .tool-section-pill.active{color:#09090b;background:#fff;border-color:#fff;box-shadow:0 4px 14px #ffffff1a}.no-preview{color:var(--text-muted);text-align:center;font-size:.75rem;font-style:italic;display:block}.track-action{text-align:right}@media (width<=768px){.spotify-hero-card{text-align:center;flex-direction:column}.spotify-cover-img{width:140px;height:140px}.spotify-actions{flex-direction:column;width:100%}.spotify-actions button{width:100%}.spotify-tracklist-header,.spotify-track-row{grid-template-columns:24px 40px 1fr 100px}.track-col-duration,.track-col-preview{display:none!important}}.pdf-page-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;width:100%;margin-top:1.5rem;display:grid}.pdf-page-card{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.pdf-page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pdf-page-card.selected{border-color:var(--accent);box-shadow:4px 4px 0px var(--accent);background:#ff007f0d}.pdf-page-thumbnail{aspect-ratio:1/1.414;border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.pdf-page-thumbnail canvas,.pdf-page-thumbnail img{object-fit:contain;width:100%;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.pdf-page-num-badge{color:#faff05;border-radius:var(--radius-full);z-index:2;background:#000;padding:2px 7px;font-size:.72rem;font-weight:800;position:absolute;top:6px;left:6px}.pdf-page-actions{justify-content:center;gap:.35rem;width:100%;display:flex}.pdf-page-action-btn{background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:.3rem .55rem;font-size:.8rem;font-weight:700;transition:all .1s;display:inline-flex}.pdf-page-action-btn:hover{background:var(--accent);color:#fff;border-color:#000}.pdf-editor-wrapper{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}.pdf-editor-toolbar{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.editor-tool-btn{background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.editor-tool-btn:hover{background:var(--surface-light)}.editor-tool-btn.active{box-shadow:2px 2px #000;color:#000!important;background:#faff05!important;border-color:#000!important}.pdf-canvas-container{border:3px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:900px;box-shadow:var(--shadow-md);background:#fff;justify-content:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.pdf-canvas-container canvas{max-width:100%;height:auto;display:block}.pdf-drawing-overlay{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.sig-pad-box{border:3px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:600px;height:200px;box-shadow:var(--shadow-sm);touch-action:none;cursor:crosshair;background:#fff;position:relative}.sig-pad-box canvas{width:100%;height:100%;display:block}.sig-type-preview{border:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:navy;text-align:center;background:#fff;justify-content:center;align-items:center;min-height:120px;padding:1.5rem;font-family:Brush Script MT,Dancing Script,Pacifico,cursive,sans-serif;font-size:2.5rem;display:flex}.watermark-grid-picker{grid-template-columns:repeat(3,1fr);gap:6px;max-width:180px;display:grid}.watermark-pos-btn{aspect-ratio:1;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .1s;display:flex}.watermark-pos-btn:hover{background:var(--surface-light)}.watermark-pos-btn.active{box-shadow:2px 2px #000;color:#000!important;background:#faff05!important}.scanner-feed-container{aspect-ratio:4/3;border:3px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:640px;box-shadow:var(--shadow-md);background:#000;margin:0 auto;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-overlay-guide{border-radius:var(--radius-sm);pointer-events:none;border:2px dashed #faff05;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px}.compare-split-view{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin-top:1.5rem;display:grid}@media (width<=768px){.compare-split-view{grid-template-columns:1fr}}.compare-card{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.compare-card h4{margin:0;font-size:.95rem;font-weight:800}.text-output-preview{background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:240px;max-height:480px;box-shadow:var(--shadow-sm);white-space:pre-wrap;word-break:break-word;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.6;overflow-y:auto}