@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--primary:#6338ed;--primary-hover:#5225e3;--primary-glow:rgba(99,56,237,0.28);--bg-main:#f8fafc;--card-bg:#ffffff;--text-main:#0f172a;--text-muted:#64748b;--border-light:#e2e8f0;--border-hover:#cbd5e1}[data-theme=dark]{--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:rgba(139,92,246,0.35);--bg-main:#0a0d14;--card-bg:#111726;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#1e293b;--border-hover:#334155}[data-theme=dark] .topbar{background:rgba(10,13,20,.88);border-bottom:1px solid rgba(30,41,59,.8)}[data-theme=dark] .brand{color:#f8fafc}[data-theme=dark] .navlinks a{color:#94a3b8}[data-theme=dark] .navlinks a:hover{color:#a78bfa}[data-theme=dark] .hero{background:radial-gradient(circle at 50% 20%,rgba(139,92,246,.12) 0,transparent 60%),radial-gradient(circle at 15% 30%,rgba(59,130,246,.08) 0,transparent 40%),radial-gradient(circle at 85% 40%,rgba(236,72,153,.06) 0,transparent 45%)}[data-theme=dark] .hero:before{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 0)}[data-theme=dark] .hero h1{color:#f8fafc!important}[data-theme=dark] .hero p{color:#94a3b8}[data-theme=dark] .pill{background:rgba(30,27,75,.7);border-color:rgba(139,92,246,.4);color:#c4b5fd;box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=dark] .search{background:#111726;border-color:#1e293b;box-shadow:0 16px 40px -10px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4)}[data-theme=dark] .search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(139,92,246,.2),0 20px 48px -10px rgba(0,0,0,.7)}[data-theme=dark] .search input{color:#f8fafc}[data-theme=dark] .search input::placeholder{color:#64748b}[data-theme=dark] .chip{background:#111726;border-color:#1e293b;color:#94a3b8}[data-theme=dark] .chip:hover{background:#1a2234;border-color:var(--primary);color:#c4b5fd;box-shadow:0 6px 14px rgba(0,0,0,.4)}[data-theme=dark] .chip-active{background:rgba(139,92,246,.15)!important;border-color:var(--primary)!important;color:#c4b5fd!important}[data-theme=dark] .sectionTitle h2{color:#f8fafc}[data-theme=dark] .sectionTitle .muted{color:#94a3b8}[data-theme=dark] .cat{background:#111726;border-color:#1e293b;color:#f8fafc;box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .cat:hover{background:#151d30;border-color:rgba(139,92,246,.5);box-shadow:0 16px 32px -8px rgba(0,0,0,.6)}[data-theme=dark] .cat b{color:#f8fafc}[data-theme=dark] .cat small{color:#94a3b8}[data-theme=dark] .catIcon{background:#1e1b4b;color:#a78bfa}[data-theme=dark] .card{background:#111726;border-color:#1e293b;color:#f8fafc;box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .card:hover{background:#151d30;border-color:rgba(139,92,246,.5);box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}[data-theme=dark] .card h3{color:#f8fafc}[data-theme=dark] .card p{color:#94a3b8}[data-theme=dark] .stats{background:#111726;border-color:#1e293b;box-shadow:0 8px 30px rgba(0,0,0,.4)}[data-theme=dark] .stat{border-right-color:#1e293b}[data-theme=dark] .stat:hover{background:#151d30}[data-theme=dark] .stat b{color:#a78bfa}[data-theme=dark] .stat span{color:#94a3b8}[data-theme=dark] .toolPage{background:#0a0d14}[data-theme=dark] .toolHead h1{color:#f8fafc}[data-theme=dark] .crumb{color:#94a3b8}[data-theme=dark] .workspace{background:#111726;border-color:#1e293b;box-shadow:0 16px 40px -10px rgba(0,0,0,.5)}[data-theme=dark] .drop{background:#0d121f;border-color:#334155}[data-theme=dark] .drop:hover{border-color:var(--primary);background:rgba(139,92,246,.06)}[data-theme=dark] .secondary{background:#1a2234;color:#f8fafc;border-color:#334155}[data-theme=dark] .secondary:hover{background:#242f45;border-color:#475569}[data-theme=dark] .footer{background:#07090e;border-top-color:#1e293b}[data-theme=dark] .aboutCard{background:#111726!important;border-color:#1e293b!important;color:#f8fafc!important}[data-theme=dark] .aboutCard h3{color:#f8fafc!important}[data-theme=dark] .devBanner{background:linear-gradient(135deg,#111726,#161e31)!important;border-color:#1e293b!important}[data-theme=dark] .devBanner h2{color:#f8fafc!important}[data-theme=dark] .tagBadge{background:#1a2234!important;color:#94a3b8!important}[data-theme=dark] .searchwrap input,[data-theme=dark] .textarea,[data-theme=dark] input[type=number],[data-theme=dark] input[type=text],[data-theme=dark] input[type=url],[data-theme=dark] select,[data-theme=dark] textarea{background:#111726;color:#f8fafc;border-color:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);background:var(--bg-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}.container{width:min(1200px,calc(100% - 48px));margin:auto}.topbar{height:72px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);position:-webkit-sticky;position:sticky;top:0;z-index:50;transition:all .2s ease}.nav,.topbar{display:flex;align-items:center}.nav{gap:32px}.brand{font-weight:800;font-size:26px;letter-spacing:-.04em;color:#0f172a;text-decoration:none;display:flex;align-items:center;gap:2px}.brandDot{color:var(--primary);display:inline-block;animation:pulseDot 2s ease-in-out infinite}.brand-icon{width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#6338ed 50%,#4338ca);color:#ffffff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 8px rgba(99,56,237,.35);margin-right:6px;line-height:1;flex-shrink:0}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.navlinks{display:flex;gap:24px;align-items:center;margin-left:auto}.navlinks a{color:#475569;text-decoration:none;font-size:14px;font-weight:600;transition:color .15s ease;position:relative;padding:4px 0}.navlinks a:hover{color:var(--primary)}.navbtn{background:linear-gradient(135deg,#6d3ef2,#4f46e5);color:white;padding:10px 20px;border-radius:9999px;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(99,56,237,.25);transition:all .25s cubic-bezier(.16,1,.3,1)}.navbtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(99,56,237,.38);filter:brightness(1.05)}.navbtn:active{transform:translateY(0) scale(.98)}.hero{padding:96px 0 72px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(124,58,237,.08) 0,transparent 60%),radial-gradient(circle at 15% 30%,rgba(59,130,246,.06) 0,transparent 40%),radial-gradient(circle at 85% 40%,rgba(236,72,153,.05) 0,transparent 45%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(226,232,240,.5) 1px,transparent 0),linear-gradient(180deg,rgba(226,232,240,.5) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 75%);pointer-events:none}.hero-glow-left{top:15%;left:5%;width:380px;height:380px;background:radial-gradient(circle,rgba(124,58,237,.16) 0,transparent 70%);animation:glowFloat 10s ease-in-out infinite alternate}.hero-glow-left,.hero-glow-right{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:0}.hero-glow-right{top:25%;right:5%;width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.14) 0,transparent 70%);animation:glowFloat 12s ease-in-out infinite alternate-reverse}@keyframes glowFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(25px,-20px) scale(1.12)}to{transform:translate(-20px,20px) scale(.95)}}.pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(147,112,219,.3);background:rgba(255,255,255,.9);color:var(--primary);border-radius:9999px;font-weight:700;font-size:13px;letter-spacing:-.01em;box-shadow:0 4px 14px rgba(99,56,237,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:floatPill 4s ease-in-out infinite alternate}@keyframes floatPill{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.hero h1{position:relative;z-index:1;font-size:68px;font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:28px auto 20px;max-width:860px;color:#090e1a;animation:heroTextReveal .8s cubic-bezier(.16,1,.3,1) both}@keyframes heroTextReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grad{background:linear-gradient(135deg,#7c3aed,#3b82f6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;background-size:200% 200%;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero p{position:relative;z-index:1;color:var(--text-muted);font-size:19px;line-height:1.6;max-width:680px;margin:0 auto 34px;animation:heroTextReveal .9s cubic-bezier(.16,1,.3,1) .1s both}.reveal-on-scroll{opacity:1!important;transform:none!important}.search{position:relative;z-index:2;display:flex;align-items:center;max-width:720px;margin:auto;background:#ffffff;border:1px solid rgba(203,213,225,.8);border-radius:18px;padding:7px 8px 7px 18px;box-shadow:0 16px 40px -10px rgba(99,56,237,.12),0 4px 12px rgba(15,23,42,.03);transition:all .25s ease}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,56,237,.15),0 20px 48px -10px rgba(99,56,237,.18);transform:translateY(-2px)}.search input{flex:1 1;border:0;outline:0;padding:12px 14px;font-size:16px;color:var(--text-main);background:transparent}.search input::placeholder{color:#94a3b8}.search button{border:0;background:linear-gradient(135deg,#6d3ef2,#4f46e5);color:white;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(99,56,237,.25)}.search button:hover{transform:scale(1.05);filter:brightness(1.1)}.search button:active{transform:scale(.96)}.chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}.chip{border:1px solid rgba(226,232,240,.8);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;padding:8px 16px;color:#475569;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px rgba(0,0,0,.02)}.chip:hover{border-color:var(--primary);color:var(--primary);background:#ffffff;transform:translateY(-2px);box-shadow:0 6px 14px rgba(99,56,237,.12)}.chip-active{border-color:var(--primary)!important;color:var(--primary)!important;background:rgba(99,56,237,.08)!important;font-weight:700!important}.section{padding:60px 0}.sectionTitle{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.sectionTitle h2{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin:6px 0 2px}.muted{color:var(--text-muted);font-size:14px}.categoryGrid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:16px;gap:16px}.cat{border:1px solid var(--border-light);border-radius:18px;background:#ffffff;padding:22px 14px;text-align:center;text-decoration:none;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}.cat:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.cat:hover{transform:translateY(-5px);border-color:rgba(99,56,237,.3);box-shadow:0 16px 32px -8px rgba(99,56,237,.14)}.cat:hover:after{background:linear-gradient(90deg,#6338ed,#3b82f6)}.cat b{display:block;font-size:14px;font-weight:700;color:#0f172a}.cat small{display:block;color:#64748b;margin-top:4px;font-size:12px;font-weight:500}.toolGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{border:1px solid rgba(226,232,240,.9);border-radius:20px;background:#ffffff;padding:24px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px rgba(15,23,42,.03)}.cardTop{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6338ed,#3b82f6,#ec4899);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-6px);border-color:rgba(99,56,237,.3);box-shadow:0 20px 40px -10px rgba(99,56,237,.14),0 2px 6px rgba(0,0,0,.04)}.card:hover .cardTop{opacity:1}.cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cardArrow{opacity:0;transform:translateX(-6px);transition:all .25s ease;color:var(--primary)}.card:hover .cardArrow{opacity:1;transform:translateX(0)}.card h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#0f172a;letter-spacing:-.02em;transition:color .15s ease}.card:hover h3{color:var(--primary)}.card p{margin:0;color:#64748b;font-size:13.5px;line-height:1.55;flex:1 1}.toolIconWrapper{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;transition:transform .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.card:hover .toolIconWrapper{transform:scale(1.08) rotate(-2deg)}.icon-rose{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48;border:1px solid #fecdd3}.icon-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;border:1px solid #ddd6fe}.icon-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;border:1px solid #fde68a}.icon-sky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0284c7;border:1px solid #bae6fd}.icon-emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border:1px solid #a7f3d0}.icon-indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:1px solid #c7d2fe}.icon-fuchsia{background:linear-gradient(135deg,#fdf4ff,#fae8ff);color:#c026d3;border:1px solid #f5d0fe}.icon-violet{background:linear-gradient(135deg,#f3f0ff,#e9e4ff);color:#6338ed;border:1px solid #d4c8fe}.catIcon{width:44px;height:44px;border-radius:14px;margin:0 auto 12px;display:grid;place-items:center;background:#f3f0ff;color:var(--primary);transition:all .25s ease}.cat:hover .catIcon{transform:scale(1.1);background:var(--primary);color:#ffffff}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#ffffff;border:1px solid var(--border-light);border-radius:22px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04)}.stat{padding:32px 24px;text-align:center;border-right:1px solid var(--border-light);transition:background .2s ease}.stat:last-child{border-right:none}.stat:hover{background:#f8fafc}.stat b{display:block;font-size:32px;font-weight:800;color:var(--primary);letter-spacing:-.03em;margin-bottom:4px}.stat span{color:var(--text-muted);font-size:14px;font-weight:600}.toolPage{min-height:calc(100vh - 72px);padding:48px 0 80px;background:#f8fafc}.crumb{font-size:13.5px;font-weight:600;color:#64748b;margin-bottom:22px;gap:8px}.crumb,.toolHead{display:flex;align-items:center}.toolHead{gap:20px}.toolHead h1{margin:0;font-size:36px;font-weight:800;letter-spacing:-.03em;color:#0f172a}.workspace{margin-top:32px;background:#ffffff;border:1px solid rgba(226,232,240,.9);border-radius:22px;padding:36px;box-shadow:0 16px 40px -10px rgba(15,23,42,.05)}.drop{border:2px dashed #cbd5e1;border-radius:18px;padding:64px 24px;text-align:center;background:#f8fafc;transition:all .2s ease;cursor:pointer}.drop:hover{border-color:var(--primary);background:rgba(99,56,237,.03)}.drop input{display:none}.primary{border:0;background:linear-gradient(135deg,#6d3ef2,#4f46e5);color:#ffffff;border-radius:12px;padding:12px 24px;font-weight:700;font-size:14.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(99,56,237,.25);display:inline-flex;align-items:center;gap:8px}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px rgba(99,56,237,.38);filter:brightness(1.05)}.primary:active:not(:disabled){transform:translateY(0) scale(.98)}.primary:disabled{opacity:.6;cursor:not-allowed}.secondary{border:1px solid #cbd5e1;background:#ffffff;color:#334155;border-radius:12px;padding:11px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.secondary:hover{border-color:#94a3b8;background:#f1f5f9;transform:translateY(-1px)}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.preview{max-width:100%;max-height:480px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.preview,.result{margin-top:24px;border:1px solid #e2e8f0}.result{padding:20px;background:#f8fafc;border-radius:14px;overflow:auto;font-size:14px}.notice{padding:14px 18px;border-radius:12px;background:rgba(99,56,237,.08);color:#5b21b6;border:1px solid rgba(99,56,237,.15);margin-bottom:24px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px}.frameGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-top:24px}.frameGrid img{width:100%;border-radius:10px;border:1px solid #e2e8f0}.range{width:100%;accent-color:var(--primary)}.footer{border-top:1px solid #e2e8f0;padding:56px 0 36px;background:#ffffff;color:#64748b}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:36px;gap:36px}.footer h4{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 16px}.footer a{display:block;color:#64748b;text-decoration:none;margin:10px 0;font-size:14px;transition:color .15s ease}.footer a:hover{color:var(--primary)}@media (max-width:960px){.navlinks{display:none}.categoryGrid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:46px}.toolGrid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:640px){.container{width:min(100% - 24px,1200px)}.workspace{padding:20px 14px;border-radius:16px;margin-top:18px}.drop{padding:40px 16px;border-radius:14px}.actions{flex-direction:column;gap:10px}.actions>a,.actions>button{width:100%;justify-content:center}.categoryGrid{grid-template-columns:repeat(2,1fr);gap:10px}.toolGrid{grid-template-columns:1fr;gap:12px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:18px 12px}.hero{padding-top:48px;padding-bottom:36px}.hero h1{font-size:32px;line-height:1.15}.hero p{font-size:15px;margin-bottom:24px}.search{padding:8px 12px}.search input{font-size:14px}.search button{padding:8px 14px}.footergrid{grid-template-columns:1fr;gap:24px}.brand{font-size:20px}}@media (max-width:380px){.container{width:min(100% - 16px,1200px)}.categoryGrid,.stats{grid-template-columns:1fr}.hero h1{font-size:28px}}