*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{--bg:#faf8f4;--panel:#fffefb;--ink:#262329;--muted:#716b78;--line:#e8e2e9;--purple:#7353ba;--soft:#ede5fa;--orange:#e17643;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}body.dark{--bg:#17151d;--panel:#221e2b;--ink:#f5effa;--muted:#b5aabd;--line:#3b3348;--purple:#b49ae9;--soft:#352942;--orange:#f6a576}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--purple);outline-offset:1px}button{border:0}img{max-width:100%;height:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:26px;letter-spacing:-1px;font-weight:800;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-spark{font-size:42px;line-height:1;color:var(--purple)}.brand-ai{font-size:13px;letter-spacing:0;background:var(--soft);padding:3px 7px;border-radius:6px;color:var(--purple);align-self:center}.topnav{display:flex;gap:25px;font-size:14px;margin-inline-start:25px}.topnav a{white-space:nowrap}.topnav a:hover{color:var(--purple)}.header-controls{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.header-controls select{max-width:160px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13px}.icon-btn{background:transparent;min-width:40px;min-height:40px;border-radius:50%;font-size:23px;color:var(--muted)}.icon-btn:hover{background:var(--soft);color:var(--purple)}main{max-width:1320px;margin:0 auto;padding:0 3.5%}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:80px 0 70px;min-height:550px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:var(--purple)}.live-dot{width:7px;height:7px;display:inline-block;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1.08;letter-spacing:-3px;font-weight:750;margin:25px 0 22px;white-space:pre-line}.hero-copy>p{max-width:480px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions,.form-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:650;border:1px solid transparent;line-height:1.4}.primary{background:var(--purple);color:#fff}.dark .primary{color:#18121f}.primary:hover{filter:brightness(1.07)}.secondary{background:transparent;border-color:var(--line)}.secondary:hover{background:var(--soft);border-color:var(--purple)}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;color:var(--muted);font-size:11px;margin-top:26px}.hero-art{height:380px;position:relative;background:radial-gradient(ellipse,#e8daf9 0%,transparent 70%);display:flex;align-items:center;justify-content:center}.dark .hero-art{background:radial-gradient(ellipse,#40304f 0%,transparent 70%)}.spark-core{font-size:230px;line-height:1;color:var(--purple);transform:rotate(-14deg);filter:drop-shadow(10px 16px 0 rgba(115,83,186,.1))}.orbit{position:absolute;inset:38px;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg)}.o2{inset:72px 6px;transform:rotate(28deg)}.art-label{position:absolute;border:1px solid var(--line);background:var(--panel);padding:11px 16px;border-radius:10px;display:flex;gap:12px;font-size:18px;box-shadow:0 8px 20px #33234208;z-index:1}.art-label span{font-size:11px;align-self:center;color:var(--muted);max-width:170px}.label-a{inset-inline-start:0;top:50px;transform:rotate(-7deg)}.label-b{inset-inline-end:0;bottom:45px;transform:rotate(6deg)}.label-c{bottom:5px;inset-inline-start:30px;transform:rotate(-3deg)}.tiny-spark{position:absolute;color:var(--orange)}.s1{top:10px;inset-inline-end:65px;font-size:45px}.s2{bottom:40px;inset-inline-start:5px;font-size:27px}.s3{top:80px;inset-inline-end:15px;font-size:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.section-heading h2{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin:0}.section-heading>span{font-size:11px;letter-spacing:2px;color:var(--muted)}.popular-section{padding:20px 0 60px;border-bottom:1px solid var(--line)}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{position:relative;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;transition:transform .15s,border-color .15s;min-width:0}.tool-card:hover{transform:translateY(-3px);border-color:var(--purple)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.tool-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--purple);width:47px;height:47px;border-radius:13px;font-size:27px;flex-shrink:0}.c1,.c7{background:#fbe5da;color:#c16b3c}.c2,.c5{background:#e5eee3;color:#507459}.c3,.c8{background:#e5eaf5;color:#576d9b}.c4,.c9{background:#faf0d9;color:#987a34}.dark .tool-icon{background:var(--soft);color:var(--purple)}.card-category{font-size:10px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase}.tool-card h3{font-size:17px;line-height:1.35;letter-spacing:-.3px;margin:8px 0 10px;overflow-wrap:anywhere}.tool-card p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 24px}.card-open{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;margin-top:auto;color:var(--purple)}.card-open span{font-size:20px}.catalog-section{padding:60px 0}.catalog-section .eyebrow{margin-bottom:12px}.result-count{border:1px solid var(--line);padding:6px 12px;border-radius:50px}.search-row{display:flex;gap:13px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:10px;background:var(--panel);flex:1;padding:0 18px}.search-box>span{font-size:27px;color:var(--purple)}.search-box input{width:100%;min-width:0;border:0;background:transparent;padding:14px 0;font-size:14px;outline:none}.search-box:focus-within{outline:2px solid var(--purple)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:29px}.filters button{background:transparent;padding:8px 13px;min-height:38px;border:1px solid var(--line);border-radius:50px;font-size:11px;color:var(--muted)}.filters button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.how-strip{padding:35px 40px;background:var(--soft);border-radius:18px;margin-bottom:65px;display:flex;align-items:center;gap:30px}.strip-spark{font-size:65px;color:var(--purple)}.how-strip h2{margin:0 0 7px;font-size:22px}.how-strip p{margin:0;font-size:13px;color:var(--muted);max-width:800px}.how-strip>a{margin-inline-start:auto;font-size:35px;color:var(--purple)}footer{max-width:1320px;padding:35px 3.5% 30px;border-top:1px solid var(--line);margin:auto;display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center}footer .brand{font-size:20px}footer .brand-spark{font-size:30px}footer p{font-size:12px;color:var(--muted);margin:0}footer nav{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:20px;font-size:12px}footer small{font-size:10px;color:var(--muted);flex-basis:100%}.fav[aria-pressed=true]{color:var(--orange)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:12px;max-width:90vw;z-index:10;display:none;font-size:13px}#toast.visible{display:block}.tool-page{padding-top:35px;padding-bottom:65px}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted)}.breadcrumbs a{color:var(--purple)}.tool-heading{display:flex;align-items:flex-start;gap:20px;margin:32px 0}.tool-heading h1{font-size:40px;letter-spacing:-1.4px;line-height:1.2;margin:9px 0 12px}.tool-heading p{max-width:780px;color:var(--muted);font-size:15px;margin:0}.tool-heading>.fav{margin-inline-start:auto}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.form-panel,.result-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field>span{font-size:12px;font-weight:650}.field small{font-weight:400;color:var(--muted);font-size:10px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:44px;font-size:14px;resize:vertical}.field textarea{line-height:1.7}.form-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.form-actions{margin-top:8px}.form-note{font-size:11px;color:var(--muted);line-height:1.8;margin:20px 0 0}#status{font-size:12px;color:var(--purple);overflow-wrap:anywhere}.result-panel h2{font-size:19px}.result-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.result-empty>span{font-size:90px;color:var(--soft)}.result-empty p{font-size:12px;max-width:200px}pre{font:14px/1.9 inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-width:100%;unicode-bidi:plaintext}#result-text{font-family:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;max-height:650px;overflow:auto}#result-image{display:block;width:100%;border-radius:12px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/20px 20px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.result-actions button{min-height:40px;font-size:12px}.file-field{display:flex;flex-direction:column;gap:12px;padding:25px;background:var(--bg);border:1px dashed var(--purple);border-radius:12px;margin-bottom:15px;font-size:13px}.file-field input{max-width:100%;font-size:12px}.tool-guide{padding:55px 0}.tool-guide h2{font-size:26px;margin:12px 0}.tool-guide>p{color:var(--muted);font-size:14px;max-width:800px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}.guide-grid span{font-size:12px;color:var(--purple)}.guide-grid h3{font-size:15px;margin:10px 0}.guide-grid p{font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);padding:17px 0;font-size:13px}summary{cursor:pointer;font-weight:650}details p,details pre{margin:12px 0;color:var(--muted)}details small{color:var(--muted);font-size:10px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.info-page{max-width:880px;min-height:65vh;padding-top:55px;padding-bottom:80px}.info-page>.eyebrow{display:block;margin-top:45px}.info-page>a{font-size:12px;color:var(--purple)}.info-page h1{font-size:46px;line-height:1.2;letter-spacing:-1px}.info-page p{font-size:16px;color:var(--muted);line-height:2}.info-page p a{color:var(--purple)}#chat-form{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}html[dir=rtl] .hero h1{letter-spacing:0}html[dir=rtl] .eyebrow{letter-spacing:0}textarea[name=code],textarea[name=schema]{direction:ltr;font-family:monospace}.tool-card a:hover{text-decoration:underline}.topnav .parent{color:var(--purple)}@media(min-width:1450px){main{padding-inline:0}}@media(max-width:1050px){.tool-grid,.popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-grid .tool-card:last-child{display:none}.hero{gap:20px}.hero-art{height:320px}.spark-core{font-size:190px}.topnav{margin-inline-start:0;gap:15px}.topbar{gap:20px}.hero h1{font-size:56px}.art-label{padding:9px 12px}.workspace{gap:15px}.form-panel,.result-panel{padding:22px}}@media(max-width:760px){.topbar{padding:16px 5%;gap:12px;flex-wrap:wrap}.brand{font-size:23px}.brand-spark{font-size:34px}.header-controls{gap:5px}.header-controls select{max-width:130px}.topnav{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.hero{padding:45px 0 40px;grid-template-columns:1fr;gap:10px;min-height:0}.hero h1{font-size:clamp(42px,9vw,60px);letter-spacing:-2px}.hero-copy>p{font-size:15px;max-width:100%}.hero-art{height:220px;margin:15px 20px}.spark-core{font-size:170px}.orbit{inset:12px 45px}.o2{inset:35px 20px}.label-a{top:10px}.label-b{bottom:20px}.label-c{bottom:-2px;inset-inline-start:0}.s1{font-size:30px;top:0}.tool-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.popular-grid .tool-card:last-child{display:flex}.tool-card{padding:18px}.tool-card h3{font-size:16px}.section-heading h2{font-size:24px}.popular-section{padding-bottom:35px}.catalog-section{padding:40px 0}.workspace{grid-template-columns:1fr}.result-empty{min-height:190px}.tool-heading h1{font-size:31px;letter-spacing:-.8px}.tool-heading{gap:12px}.tool-heading .tool-icon{width:40px;height:40px;font-size:22px}.tool-heading .eyebrow{font-size:9px}.tool-heading p{font-size:13px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-grid article{border-bottom:1px solid var(--line);padding-bottom:10px}.related-grid{grid-template-columns:1fr}.how-strip{padding:25px;gap:20px;margin-bottom:35px}.strip-spark{font-size:40px}.how-strip h2{font-size:18px}.how-strip p{font-size:12px}footer{padding:25px 5%}footer nav{margin-inline-start:0;flex-basis:100%}.search-row{flex-wrap:wrap}.search-box{flex-basis:100%}.search-row>#favorites{min-height:38px;font-size:12px}.filters{gap:6px}.filters button{font-size:10px;padding:7px 10px}.info-page h1{font-size:36px}.info-page p{font-size:14px}.info-page{padding-top:30px}.tool-page{padding-top:22px}}@media(max-width:410px){.tool-grid{grid-template-columns:1fr}.popular-grid{gap:10px}.popular-grid .tool-card{padding:14px}.popular-grid .tool-card p{font-size:11px}.popular-grid .card-category{font-size:8px}.primary,.secondary{padding:11px 15px;gap:12px;font-size:12px}.hero-art{margin-inline:5px}.art-label span{max-width:110px}.form-panel,.result-panel{padding:18px}.tool-heading h1{font-size:27px}.header-controls select{max-width:110px}.brand{gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.tool-heading>div{min-width:0;flex:1}.tool-heading h1{overflow-wrap:anywhere}.tool-heading>.fav{flex-shrink:0}

#site-app-switcher{display:flex;gap:7px;padding:8px 20px;overflow-x:auto;width:100%;box-sizing:border-box;border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:none}#site-app-switcher a{flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:700;padding:7px 12px;border:1px solid var(--line);border-radius:30px;text-decoration:none}#site-app-switcher .is-current{background:#624399;color:white}.article-page{max-width:850px}.article-page h1,.article-page h2{overflow-wrap:anywhere}.article-page p{line-height:1.8}.article-page pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.article-page .primary{display:inline-flex;margin:15px 0;white-space:normal;overflow-wrap:anywhere}

.article-filter{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.article-filter label{flex:1;min-width:0}.article-filter input,.article-filter select{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:9px;display:block}.pagination{display:flex;justify-content:space-between;gap:14px;padding:20px 0}.topnav{flex-wrap:wrap}

.article-filter input,.article-filter select{background:var(--panel);color:var(--ink)}