:root{--hub-bg:#f6f4f6;--hub-paper:#fff;--hub-ink:#17161a;--hub-muted:#68626e;--hub-line:#ddd8e2;--hub-line-soft:#ebe7ef;--hub-violet:#4a32cb;--hub-violet-dark:#3923ab;--hub-violet-soft:#ece8ff;--hub-green:#208754;--hub-amber:#a76518;--hub-dark:#171619;--hub-shadow:0 22px 58px rgba(35,27,57,.09)}
.hub{color:var(--hub-ink)}
.hub a{color:inherit;text-decoration:none}
.hub img{display:block;max-width:100%}
.hub-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:4rem;align-items:center;padding:4.2rem 0 3.4rem}
.hub-eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.3rem;color:#5b5662;font-size:.75rem;font-weight:800}
.hub-eyebrow>span{width:32px;height:32px;border-radius:9px;background:var(--hub-violet);color:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:950}
.hub-hero h1{margin:0;max-width:690px;font-size:clamp(3.55rem,5.9vw,5.4rem);line-height:.91;letter-spacing:-.069em}
.hub-hero h1 span{color:var(--hub-violet)}
.hub-hero-copy>p{max-width:630px;margin:1.6rem 0 0;color:#56515d;font-size:1.12rem;line-height:1.57;letter-spacing:-.014em}
.hub-proof{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.45rem}
.hub-proof span{padding:.5rem .65rem;border:1px solid var(--hub-line);border-radius:999px;background:#fff;color:#5c5762;font-size:.65rem;font-weight:850}
.hub-proof b{color:var(--hub-green)}
.hub-route-board{overflow:hidden;border:1px solid #d8d2dd;border-radius:22px;background:#fff;box-shadow:var(--hub-shadow)}
.hub-route-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border-bottom:1px solid var(--hub-line-soft)}
.hub-route-head strong{font-size:.72rem}.hub-route-head span{color:#928c97;font-size:.52rem;font-weight:850;letter-spacing:.1em}
.hub-route-columns{display:grid;grid-template-columns:1fr 1fr}
.hub-route-column{padding:.62rem}.hub-route-column:first-child{border-right:1px solid var(--hub-line-soft)}
.hub-route{min-height:68px;padding:.62rem;display:grid;grid-template-columns:46px auto 46px 1fr 28px;gap:.5rem;align-items:center;border-radius:12px;transition:.15s ease}
.hub-route:hover{background:#faf8fd}.hub-route+.hub-route{border-top:1px solid #f0edf2}
.hub-code{width:46px;height:46px;border:1px solid var(--hub-line);border-radius:11px;background:#f7f5f8;display:grid;place-items:center;font-size:.5rem;font-weight:950}
.hub-code.out{background:var(--hub-violet-soft);border-color:#c7bff0;color:var(--hub-violet)}
.hub-route>i{font-style:normal;color:var(--hub-violet);font-weight:950}.hub-route-copy b{display:block;font-size:.65rem}.hub-route-copy small{display:block;margin-top:.12rem;color:#918b96;font-size:.45rem}
.hub-route>em{width:28px;height:28px;border-radius:50%;background:#f0ecf5;color:var(--hub-violet);display:grid;place-items:center;font-size:.56rem;font-weight:950;font-style:normal}
.hub-route-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.05rem;border-top:1px solid var(--hub-line-soft);background:#faf9fb;color:#827c87;font-size:.52rem}
.hub-route-foot strong{color:var(--hub-green)}
.hub-section{padding:5.25rem 0;border-top:1px solid var(--hub-line)}
.hub-section-alt{margin-inline:-1.5rem;padding-inline:1.5rem;background:#f1eef3;border-radius:28px;border-top:0}
.hub-section-label{margin-bottom:.8rem;color:#96909b;font-size:.56rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.hub-section-label:before{content:"";display:inline-block;width:22px;height:1px;background:var(--hub-violet);vertical-align:middle;margin-right:.62rem}
.hub-section-head{display:grid;grid-template-columns:1fr .64fr;gap:4rem;align-items:end;margin-bottom:2.4rem}
.hub-section-head h2{margin:0;max-width:790px;font-size:clamp(2.7rem,4.7vw,4rem);line-height:.98;letter-spacing:-.055em}
.hub-section-head p{margin:0;color:#625d68;font-size:.94rem;line-height:1.62}
.hub-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hub-tool-card{overflow:hidden;border:1px solid var(--hub-line);border-radius:20px;background:#fff;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.hub-tool-card:hover{transform:translateY(-3px);border-color:rgba(74,50,203,.26);box-shadow:0 18px 45px rgba(35,27,57,.07)}
.hub-tool-image{display:block;height:238px;overflow:hidden;background:#eae6ed}
.hub-tool-image img{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.hub-tool-card:hover .hub-tool-image img{transform:scale(1.018)}
.hub-tool-body{padding:1.25rem 1.3rem 1.4rem}
.hub-pair{display:flex;align-items:center;gap:.44rem;margin-bottom:.95rem}.hub-pair span{padding:.44rem .56rem;border:1px solid var(--hub-line);border-radius:7px;background:#faf9fb;font-size:.5rem;font-weight:950}.hub-pair i{font-style:normal;color:var(--hub-violet);font-weight:950}
.hub-tool-body h3,.hub-design-card h3{margin:0;font-size:1.62rem;letter-spacing:-.043em}.hub-tool-body p,.hub-design-card p{margin:.5rem 0 0;color:#69636f;font-size:.82rem;line-height:1.55}
.hub-open{display:flex;justify-content:space-between;align-items:center;margin-top:1.05rem;padding-top:.88rem;border-top:1px solid var(--hub-line-soft);color:var(--hub-violet);font-size:.64rem;font-weight:950}
.hub-pdf-visual{height:238px;background:#ece8ee;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:1.75rem 2.6rem;overflow:hidden}
.hub-pdf-sheet{justify-self:center;width:148px;aspect-ratio:.72;border:1px solid #d2ccd7;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(30,22,42,.12);padding:1rem}.hub-pdf-sheet>div{height:74px;border-radius:6px;background:linear-gradient(145deg,#a9a0b4,#d5cfda)}.hub-pdf-sheet>i{display:block;height:5px;border-radius:999px;background:#ddd8e1;margin-top:.7rem}.hub-pdf-sheet>i.medium{width:88%}.hub-pdf-sheet>i.short{width:70%}
.hub-big-arrow{justify-self:center;color:var(--hub-violet);font-size:1.65rem;font-weight:950}.hub-jpg-stack{position:relative;width:178px;height:150px;justify-self:center}.hub-jpg-stack>i{position:absolute;width:142px;height:102px;border:1px solid #d3cdd8;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(30,22,42,.1);overflow:hidden}.hub-jpg-stack>i:before{content:"";position:absolute;inset:9px;background:linear-gradient(145deg,#b4abbf,#e1dce5);border-radius:6px}.hub-jpg-stack>i:nth-child(1){left:0;top:34px;transform:rotate(-7deg)}.hub-jpg-stack>i:nth-child(2){right:0;top:18px;transform:rotate(5deg)}.hub-jpg-stack>i:nth-child(3){left:18px;top:0}.hub-jpg-stack b{position:absolute;right:5px;bottom:5px;padding:4px 5px;border-radius:5px;background:#fff;font-size:.38rem;color:var(--hub-violet);z-index:2}
.hub-favicon-visual{height:238px;background:#ece8ee;padding:1.75rem 2.1rem;display:grid;grid-template-columns:1fr 1.1fr;gap:1.8rem;align-items:center}.hub-favicon-main{width:150px;aspect-ratio:1;justify-self:center;border-radius:32px;background:var(--hub-violet);display:grid;place-items:center;color:#fff;font-size:2.85rem;font-weight:950;box-shadow:0 18px 38px rgba(74,50,203,.21)}.hub-icon-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:.62rem}.hub-icon-sizes span{aspect-ratio:1;border:1px solid #d7d1dc;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem}.hub-icon-sizes i{display:block;background:var(--hub-violet);border-radius:22%}.hub-icon-sizes span:nth-child(1) i{width:16px;height:16px}.hub-icon-sizes span:nth-child(2) i{width:22px;height:22px}.hub-icon-sizes span:nth-child(3) i{width:28px;height:28px}.hub-icon-sizes span:nth-child(4) i{width:34px;height:34px}.hub-icon-sizes span:nth-child(5) i{width:40px;height:40px}.hub-icon-sizes span:nth-child(6) i{width:46px;height:46px}.hub-icon-sizes b{font-size:.44rem;color:#817b86}
.hub-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hub-design-card{min-height:284px;border:1px solid var(--hub-line);border-radius:20px;background:#fff;display:grid;grid-template-columns:1fr 255px;gap:1.5rem;padding:1.5rem;align-items:center;transition:.17s ease;overflow:hidden}.hub-design-card:hover{transform:translateY(-3px);border-color:rgba(74,50,203,.27);box-shadow:0 17px 42px rgba(35,27,57,.06)}.hub-design-card>div:first-child>b{display:inline-flex;margin-top:1.1rem;color:var(--hub-violet);font-size:.64rem;font-weight:950}.hub-design-art{height:210px;border-radius:15px;background:#f0edf2;display:grid;place-items:center;overflow:hidden}.hub-art-flow{display:flex;align-items:center;gap:.8rem}.hub-art-flow>em{font-style:normal;color:var(--hub-violet);font-weight:950}.hub-layer-stack{position:relative;width:94px;height:120px}.hub-layer-stack i{position:absolute;width:78px;height:96px;border:1px solid #d3cdd8;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(30,22,42,.08)}.hub-layer-stack i:nth-child(1){left:0;top:20px;transform:rotate(-8deg)}.hub-layer-stack i:nth-child(2){right:0;top:10px;transform:rotate(7deg)}.hub-layer-stack i:nth-child(3){left:8px;top:0;background:var(--hub-violet);border-color:var(--hub-violet)}.hub-layer-stack i:nth-child(3):before{content:"PSD";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:950}.hub-output{width:104px;height:112px;border:1px solid #d3cdd8;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 9px 20px rgba(30,22,42,.07);position:relative;overflow:hidden;font-size:.82rem;font-weight:950}.hub-output.png{background:linear-gradient(45deg,#e7e3e9 25%,transparent 25% 75%,#e7e3e9 75%),linear-gradient(45deg,#f8f6f9 25%,#fff 25% 75%,#f8f6f9 75%);background-size:20px 20px;background-position:0 0,10px 10px}.hub-output.jpg{color:transparent}.hub-output.jpg:before{content:"";position:absolute;inset:9px;border-radius:7px;background:linear-gradient(145deg,#aba2b6,#ded9e2);z-index:0}.hub-output.jpg::after{content:"JPG";position:relative;z-index:2;color:var(--hub-ink)}.hub-output.psd{background:var(--hub-violet-soft);border-color:#c7bff0;color:var(--hub-violet)}
.hub-checker{margin-top:1rem;display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--hub-line);border-radius:20px;overflow:hidden;background:#fff;transition:.17s ease}.hub-checker:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(35,27,57,.06)}.hub-checker-copy{padding:1.95rem}.hub-checker-copy>span{color:#96909b;font-size:.56rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.hub-checker-copy h3{margin:1rem 0 .62rem;font-size:2.1rem;letter-spacing:-.049em}.hub-checker-copy p{margin:0;color:#69636f;font-size:.82rem;line-height:1.6}.hub-checker-copy>b{display:flex;justify-content:space-between;margin-top:1.3rem;padding-top:.95rem;border-top:1px solid var(--hub-line-soft);color:var(--hub-violet);font-size:.64rem;font-weight:950}.hub-checker-copy>b i{font-style:normal}.hub-checker-visual{padding:1.35rem;background:#e9e5ec}.hub-checker-window{height:100%;min-height:270px;border:1px solid #d5cfda;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(30,22,42,.08)}.hub-checker-top{height:45px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .88rem;border-bottom:1px solid var(--hub-line-soft)}.hub-checker-top b{font-size:.64rem}.hub-checker-top span{font-size:.5rem;color:#918b96}.hub-checker-content{display:grid;grid-template-columns:170px 1fr;min-height:224px}.hub-slide-list{padding:.88rem;background:#f4f2f5;border-right:1px solid var(--hub-line-soft)}.hub-slide-list i{display:block;aspect-ratio:16/9;border:1px solid #d5cfd9;border-radius:7px;background:#fff;margin-bottom:.5rem;position:relative;overflow:hidden}.hub-slide-list i:before{content:"";position:absolute;left:10%;right:34%;top:20%;height:6px;border-radius:99px;background:#cfc8d5}.hub-slide-list i:after{content:"";position:absolute;left:10%;right:10%;bottom:17%;height:28%;border-radius:5px;background:#ded9e2}.hub-results{padding:.62rem .88rem}.hub-results>div{display:grid;grid-template-columns:34px 1fr auto;gap:.56rem;align-items:center;padding:.62rem 0;border-bottom:1px solid var(--hub-line-soft)}.hub-results>div:last-child{border-bottom:0}.hub-results>div>span{width:34px;height:34px;border-radius:9px;background:var(--hub-violet-soft);color:var(--hub-violet);display:grid;place-items:center;font-size:.56rem;font-weight:950}.hub-results p{margin:0}.hub-results p b{display:block;font-size:.56rem}.hub-results p small{display:block;margin-top:.12rem;color:#918b96;font-size:.44rem}.hub-results em{padding:5px 6px;border-radius:6px;background:#eaf7ef;color:var(--hub-green);font-size:.38rem;font-weight:950;font-style:normal}.hub-results em.warn{background:#fff0df;color:var(--hub-amber)}
.hub-extension{display:grid;grid-template-columns:1.18fr .82fr;gap:1.1rem;align-items:stretch;margin:5.25rem 0 0;padding:1.1rem;border-radius:28px;background:var(--hub-dark);color:#fff;box-shadow:0 24px 62px rgba(25,20,31,.14)}.hub-extension-visual{padding:0;border-radius:18px;overflow:hidden;background:#242126}.hub-extension-visual img{width:100%;height:100%;min-height:410px;object-fit:cover}.hub-extension-copy{padding:2.4rem;border:1px solid #38343a;border-radius:18px;background:#211f23;display:flex;flex-direction:column;justify-content:flex-end}.hub-extension-brand{display:flex;align-items:center;gap:.7rem}.hub-extension-brand img{width:46px;height:46px;border-radius:11px}.hub-extension-brand strong{display:block;font-size:.75rem}.hub-extension-brand small{display:block;margin-top:.18rem;color:#837d87;font-size:.5rem}.hub-extension-copy h2{margin:1.5rem 0 .8rem;font-size:clamp(2.45rem,4vw,3.45rem);line-height:.99;letter-spacing:-.055em}.hub-extension-copy>p{margin:0;color:#bbb5bf;font-size:.88rem;line-height:1.65}.hub-extension-actions{display:flex;gap:.56rem;flex-wrap:wrap;margin-top:1.4rem}.hub-extension-actions a{padding:.8rem .95rem;border-radius:9px;font-size:.64rem;font-weight:950}.hub-extension-actions .store{background:#fff;color:#17161a}.hub-extension-actions .details{border:1px solid #4b474d;color:#fff}
.hub-trust-heading{margin:0 0 2rem;max-width:780px;font-size:clamp(2.6rem,4.6vw,3.8rem);line-height:.98;letter-spacing:-.055em}.hub-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hub-trust-grid>div{padding:1.5rem;border:1px solid var(--hub-line);border-radius:18px;background:#fff}.hub-trust-grid span{width:36px;height:36px;border-radius:10px;background:#eaf7ef;color:var(--hub-green);display:grid;place-items:center;font-size:.75rem;font-weight:950;margin-bottom:.8rem}.hub-trust-grid strong{font-size:1.05rem}.hub-trust-grid p{margin:.62rem 0 0;color:#69636f;font-size:.82rem;line-height:1.58}
.hub-faq{display:grid;grid-template-columns:.62fr 1.38fr;gap:5rem}.hub-faq>div:first-child h2{margin:0;font-size:3.1rem;line-height:1;letter-spacing:-.053em}.hub-faq-list details{border-top:1px solid var(--hub-line)}.hub-faq-list details:last-child{border-bottom:1px solid var(--hub-line)}.hub-faq-list summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:32px 1fr 22px;gap:.75rem;align-items:center;padding:1.1rem 0;font-size:.88rem;font-weight:800}.hub-faq-list summary::-webkit-details-marker{display:none}.hub-faq-list summary span{font-size:.56rem;color:#99939e}.hub-faq-list summary i{font-style:normal;font-size:1.2rem;transition:.16s}.hub-faq-list details[open] summary i{transform:rotate(45deg)}.hub-faq-list details p{margin:0 0 1.2rem 44px;max-width:720px;color:#68626d;font-size:.82rem;line-height:1.63}
@media(max-width:1050px){.hub-hero,.hub-section-head,.hub-extension,.hub-faq{grid-template-columns:1fr}.hub-route-board{max-width:900px}.hub-design-card{grid-template-columns:1fr 230px}.hub-section-alt{margin-inline:0}.hub-extension-copy{padding:2rem}}
@media(max-width:800px){.hub-hero{padding:3rem 0 2.2rem}.hub-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hub-hero-copy>p{font-size:1rem}.hub-route-columns{grid-template-columns:1fr}.hub-route-column:first-child{border-right:0;border-bottom:1px solid var(--hub-line-soft)}.hub-popular-grid,.hub-design-grid,.hub-trust-grid{grid-template-columns:1fr}.hub-design-card{grid-template-columns:1fr}.hub-design-art{min-height:200px}.hub-checker{grid-template-columns:1fr}.hub-checker-content{grid-template-columns:130px 1fr}.hub-section{padding:4.4rem 0}.hub-section-head{gap:1.1rem;margin-bottom:1.8rem}.hub-section-head h2{font-size:2.7rem}.hub-extension{margin-top:4.4rem}.hub-extension-copy h2{font-size:2.3rem}.hub-extension-visual img{min-height:300px}.hub-pdf-visual{grid-template-columns:1fr 50px 1fr;padding:1.5rem 1rem}.hub-pdf-sheet{width:118px}.hub-jpg-stack{transform:scale(.83)}.hub-faq{gap:2rem}}
@media(max-width:560px){.hub-route{grid-template-columns:42px auto 42px 1fr 26px;padding:.5rem .3rem}.hub-code{width:42px;height:42px}.hub-route-copy small{display:none}.hub-route-foot{align-items:flex-start;flex-direction:column}.hub-tool-image,.hub-pdf-visual,.hub-favicon-visual{height:220px}.hub-favicon-visual{grid-template-columns:.8fr 1.2fr;padding:1.4rem 1rem;gap:1rem}.hub-favicon-main{width:108px;font-size:2rem}.hub-checker-content{grid-template-columns:1fr}.hub-slide-list{display:none}.hub-extension{padding:.75rem}.hub-extension-copy{padding:1.5rem}.hub-faq>div:first-child h2{font-size:2.45rem}}