:root{--bg: #f4f0e6;--bg2: #FAF8F3;--ink: #2D2A26;--inkSoft: #6B655B;--inkFaint: #ABA396;--warm: #FF7A59;--warmDeep: #E8623E;--cool: #6FCF97;--coolDeep: #4FB57C}@keyframes floatA{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}@keyframes floatB{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-4px)}}@keyframes floatC{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-3px)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:#f4f0e6;color:#2d2a26;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block}button{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit}ul,ol{list-style:none;padding:0;margin:0}:focus-visible{outline:2px solid #E8623E;outline-offset:2px;border-radius:6px}.container{max-width:1180px;margin-inline:auto;padding-inline:20px}.row{display:grid;grid-template-columns:repeat(24,1fr);gap:16px}.col1{grid-column:span 1}.col2{grid-column:span 2}.col3{grid-column:span 3}.col4{grid-column:span 4}.col5{grid-column:span 5}.col6{grid-column:span 6}.col7{grid-column:span 7}.col8{grid-column:span 8}.col9{grid-column:span 9}.col10{grid-column:span 10}.col11{grid-column:span 11}.col12{grid-column:span 12}.col13{grid-column:span 13}.col14{grid-column:span 14}.col15{grid-column:span 15}.col16{grid-column:span 16}.col17{grid-column:span 17}.col18{grid-column:span 18}.col19{grid-column:span 19}.col20{grid-column:span 20}.col21{grid-column:span 21}.col22{grid-column:span 22}.col23{grid-column:span 23}.col24{grid-column:span 24}@media(min-width:576px){.colSm1{grid-column:span 1}.colSm2{grid-column:span 2}.colSm3{grid-column:span 3}.colSm4{grid-column:span 4}.colSm5{grid-column:span 5}.colSm6{grid-column:span 6}.colSm7{grid-column:span 7}.colSm8{grid-column:span 8}.colSm9{grid-column:span 9}.colSm10{grid-column:span 10}.colSm11{grid-column:span 11}.colSm12{grid-column:span 12}.colSm13{grid-column:span 13}.colSm14{grid-column:span 14}.colSm15{grid-column:span 15}.colSm16{grid-column:span 16}.colSm17{grid-column:span 17}.colSm18{grid-column:span 18}.colSm19{grid-column:span 19}.colSm20{grid-column:span 20}.colSm21{grid-column:span 21}.colSm22{grid-column:span 22}.colSm23{grid-column:span 23}.colSm24{grid-column:span 24}}@media(min-width:768px){.colMd1{grid-column:span 1}.colMd2{grid-column:span 2}.colMd3{grid-column:span 3}.colMd4{grid-column:span 4}.colMd5{grid-column:span 5}.colMd6{grid-column:span 6}.colMd7{grid-column:span 7}.colMd8{grid-column:span 8}.colMd9{grid-column:span 9}.colMd10{grid-column:span 10}.colMd11{grid-column:span 11}.colMd12{grid-column:span 12}.colMd13{grid-column:span 13}.colMd14{grid-column:span 14}.colMd15{grid-column:span 15}.colMd16{grid-column:span 16}.colMd17{grid-column:span 17}.colMd18{grid-column:span 18}.colMd19{grid-column:span 19}.colMd20{grid-column:span 20}.colMd21{grid-column:span 21}.colMd22{grid-column:span 22}.colMd23{grid-column:span 23}.colMd24{grid-column:span 24}}@media(min-width:1024px){.colLg1{grid-column:span 1}.colLg2{grid-column:span 2}.colLg3{grid-column:span 3}.colLg4{grid-column:span 4}.colLg5{grid-column:span 5}.colLg6{grid-column:span 6}.colLg7{grid-column:span 7}.colLg8{grid-column:span 8}.colLg9{grid-column:span 9}.colLg10{grid-column:span 10}.colLg11{grid-column:span 11}.colLg12{grid-column:span 12}.colLg13{grid-column:span 13}.colLg14{grid-column:span 14}.colLg15{grid-column:span 15}.colLg16{grid-column:span 16}.colLg17{grid-column:span 17}.colLg18{grid-column:span 18}.colLg19{grid-column:span 19}.colLg20{grid-column:span 20}.colLg21{grid-column:span 21}.colLg22{grid-column:span 22}.colLg23{grid-column:span 23}.colLg24{grid-column:span 24}}.prose{color:#2d2a26;font-size:16px;line-height:1.75;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.25;margin-top:1.75em;margin-bottom:.5em}.prose p{margin-bottom:1em}.prose a{color:#4f46e5;text-decoration:underline}.prose a:hover{color:#4338ca}.prose pre{background:#faf8f3;border-radius:10px;padding:16px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13.5px;line-height:1.6}.prose code:not(pre code){background:#faf8f3;color:#4338ca;border-radius:4px;padding:2px 5px;font-size:13px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.prose ul,.prose ol{list-style:revert;padding-left:1.5em;margin-bottom:1em}.prose blockquote{border-left:3px solid #FF7A59;padding-left:1em;color:#6b655b;font-style:italic;margin:1.5em 0}.prose strong{font-weight:700}.prose img{border-radius:8px;margin-block:1.5em}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .12s ease,transform .12s ease,opacity .12s ease;cursor:pointer;border:none;text-decoration:none}.btnPrimary{background:#2d2a26;color:#f4f0e6}.btnPrimary:hover{background:#1a1815;transform:translateY(-1px)}.btnGhost{background:transparent;color:#2d2a26}.btnGhost:hover{background:#2d2a260d}.btnWarm{background:#ff7a59;color:#2d2a26}.btnWarm:hover{background:#ff8d70}.langSwitch{display:inline-flex;background:#2d2a260f;border-radius:9999px;padding:3px}.langBtn{padding:6px 12px;border-radius:9999px;color:#6b655b;font-size:13px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s;text-decoration:none}.langBtn.isActive{background:#f4f0e6;color:#2d2a26;box-shadow:0 1px 3px #2d2a261f}.siteHeader{padding-top:22px;padding-bottom:8px}.siteHeaderInner{display:flex;align-items:center;gap:14px}.siteLogo{display:inline-flex;align-items:center;gap:10px;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.03em;color:#2d2a26;text-decoration:none;margin-right:auto}.siteLogo:hover .siteLogoGrid{transform:rotate(45deg) scale(.9)}.siteLogo:hover .siteLogoGrid>div:before,.siteLogo:hover .siteLogoGrid>div:after{border-radius:9999px}.siteLogoGrid{width:32px;height:32px;display:flex;flex-direction:column;gap:3px;flex-shrink:0;transition:transform .3s ease}.siteLogoGrid>div{display:flex;gap:3px;flex:1}.siteLogoGrid>div:before,.siteLogoGrid>div:after{content:"";flex:1;border-radius:5px;transition:border-radius .3s ease}.siteLogoGrid>div:first-child:before{background:#ff7a59}.siteLogoGrid>div:first-child:after{background:#5b8def}.siteLogoGrid>div:last-child:before{background:#6fcf97}.siteLogoGrid>div:last-child:after{background:#e8b84b}.siteHeaderNav{display:none}@media(min-width:576px){.siteHeaderNav{display:inline-flex}}.siteFooter{padding-top:40px;padding-bottom:56px;border-top:1px solid rgba(45,42,38,.1);margin-top:20px}.siteFooterInner{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap}.footerBrand{max-width:320px}.footerBrandLogo{display:inline-flex;align-items:center;gap:10px;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.03em;color:#2d2a26}.footerBrandText{color:#6b655b;font-size:13.5px;margin-top:14px;line-height:1.65}.footerCols{display:flex;gap:48px;flex-wrap:wrap}.footerColTitle{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aba396;font-weight:600;margin-bottom:12px}.footerColLinks{display:flex;flex-direction:column;gap:10px}.footerColLink{font-size:14px;color:#2d2a26;text-decoration:none;transition:color .12s}.footerColLink:hover{color:#e8623e}.footerBottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(45,42,38,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#6b655b;font-size:13px}.hero{position:relative;overflow:hidden;padding-top:56px;padding-bottom:40px}.heroBlob{pointer-events:none;position:absolute;border-radius:9999px}.heroBlob.blobOrange{top:-40px;right:-64px;width:360px;height:360px;filter:blur(2px);background:radial-gradient(closest-side,#ff7a592e,#ff7a5900 70%)}.heroBlob.blobGreen{top:160px;right:200px;width:220px;height:220px;background:radial-gradient(closest-side,#6fcf972e,#6fcf9700 70%)}.heroFloatArea{display:none;position:absolute;right:3%;top:80px;width:320px;height:340px;z-index:2;pointer-events:none}@media(min-width:768px){.heroFloatArea{display:block}}.pcard{position:absolute;background:#fff;border:1px solid rgba(45,42,38,.14);border-radius:16px;padding:14px;box-shadow:0 24px 50px -22px #2d2a2647,0 4px 10px -4px #2d2a2614}.pcard.animA{animation:floatA 7s ease-in-out infinite}.pcard.animB{animation:floatB 7s ease-in-out infinite}.pcard.animC{animation:floatC 7s ease-in-out infinite}.pcardDots{display:flex;gap:6px;margin-bottom:12px}.pcardDot{display:block;width:9px;height:9px;border-radius:9999px}.pcardLabel{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;color:#aba396;text-transform:lowercase;letter-spacing:.04em;margin-bottom:10px}.pcardSwatches{display:flex;gap:4px;margin-bottom:8px}.pcardSwatch{flex:1;height:36px;border-radius:8px;display:block}.pcardSwatchMeta{display:flex;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:10.5px;color:#6b655b}.qrWrap{display:grid;margin:4px auto 8px;gap:1.5px}.qrDot{border-radius:1.5px}.qrDot.on{background:#2d2a26}.qrMeta{text-align:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;color:#6b655b}.pcardCode{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:10.5px;line-height:1.5}.pcardCodeKey{color:#b5882a}.pcardCodeTrue{color:#4fb57c}.pcardCodeNum{color:#e8623e}.heroText{position:relative;z-index:2;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#6b655b;background:#2d2a260d;padding:6px 12px;border-radius:9999px;margin-bottom:22px}.eyebrowDot{width:7px;height:7px;border-radius:9999px;background:#4fb57c;box-shadow:0 0 0 4px #6fcf972e;flex-shrink:0}.heroTitle{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(40px,7vw,76px);text-wrap:balance}.heroTitle em{font-style:italic;font-weight:700;color:#e8623e}.heroSub{color:#6b655b;max-width:560px;margin:0 0 30px;font-size:clamp(16px,1.6vw,19px);text-wrap:pretty}.heroSearch{position:relative;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:18px;padding:6px 6px 6px 18px;display:flex;align-items:center;gap:10px;transition:border-color .15s;box-shadow:0 2px #2d2a2608,0 18px 40px -24px #2d2a262e}.heroSearch:focus-within{border-color:#2d2a26}.searchIcon{width:20px;height:20px;color:#6b655b;flex-shrink:0}.searchInput{flex:1;border:none;outline:none;background:transparent;font-size:17px;padding:14px 0;min-width:0;color:#2d2a26}.searchInput::placeholder{color:#aba396}.searchKbd{display:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;color:#6b655b;background:#faf8f3;padding:4px 6px;border-radius:4px;border:1px solid rgba(45,42,38,.1)}@media(min-width:576px){.searchKbd{display:inline-block}}.searchBtn{background:#2d2a26;color:#f4f0e6;border-radius:14px;padding:12px 18px;font-weight:600;font-size:14px;transition:background .12s;cursor:pointer;border:none;white-space:nowrap}.searchBtn:hover{background:#1a1815}.chips{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;align-items:center}.chipsLabel{font-size:13px;color:#aba396;margin-right:4px}.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;color:#2d2a26;cursor:pointer;transition:transform .12s,border-color .12s,background .12s;white-space:nowrap}.chip:hover{transform:translateY(-1px);border-color:#2d2a2633;background:#faf8f3}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}.sectionTitle{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;margin:0 0 6px;line-height:1.15;font-size:clamp(28px,3.6vw,40px)}.sectionSub{color:#6b655b;font-size:16px;margin:0;max-width:480px}.sectionLink{font-size:14px;font-weight:600;color:#2d2a26;text-decoration:none;border-bottom:1px solid rgba(45,42,38,.2);padding-bottom:2px;white-space:nowrap;transition:color .12s,border-color .12s}.sectionLink:hover{color:#e8623e;border-color:#e8623e}.catSection{padding-block:56px}.catsGrid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:576px){.catsGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.catsGrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.catsGrid{grid-template-columns:repeat(4,1fr)}}.catCard{position:relative;border-radius:18px;padding:22px 22px 20px;border:1px solid rgba(45,42,38,.05);box-shadow:0 1px #2d2a260a,0 6px 18px -10px #2d2a262e;overflow:hidden;display:flex;flex-direction:column;min-height:180px;text-decoration:none;color:#2d2a26;transition:transform .15s ease,box-shadow .15s ease}.catCard:hover{transform:translateY(-3px);box-shadow:0 1px #2d2a260a,0 18px 36px -16px #2d2a2647}.catCard:hover .catCardArrow{background:#2d2a26;color:#f4f0e6;transform:translate(2px)}.catCard.peach{background:#ffe6dc}.catCard.mint{background:#ddf1e2}.catCard.sky{background:#dde9fa}.catCard.butter{background:#fbeec6}.catCard.blush{background:#fadce3}.catCard.sage{background:#e3ebd8}.catCard.lilac{background:#e7def5}.catCard.sand{background:#f1e6d2}.catCard.sea{background:#d6ecec}.catCard.cream{background:#f4ecd8}.catCardIcon{width:44px;height:44px;border-radius:12px;background:#ffffffa6;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.catCardName{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.025em;margin:0 0 4px}.catCardDesc{color:#6b655b;font-size:13.5px;line-height:1.45;margin:0 0 14px;flex:1}.catCardMeta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#6b655b;font-weight:500}.catCardCount{background:#2d2a2612;padding:4px 8px;border-radius:9999px;font-variant-numeric:tabular-nums}.catCardArrow{width:24px;height:24px;border-radius:9999px;background:#2d2a2614;display:grid;place-items:center;transition:background .15s,color .15s,transform .15s}.wallSection{padding-top:12px;padding-bottom:36px}.wallStats{display:flex;gap:24px;align-items:flex-end}.statItem{display:flex;flex-direction:column;line-height:1}.statNum{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.03em}.statLabel{font-size:11.5px;color:#6b655b;margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.wall{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.wallTile{aspect-ratio:1;border-radius:12px;border:1px solid rgba(45,42,38,.1);display:grid;place-items:center;font-size:22px;position:relative;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.wallTile:hover{transform:translateY(-3px) scale(1.05);z-index:5;box-shadow:0 12px 22px -10px #2d2a2640}.wallTile:hover .wallTip{opacity:1}.wallTile.peach{background:#ffe6dc}.wallTile.mint{background:#ddf1e2}.wallTile.sky{background:#dde9fa}.wallTile.butter{background:#fbeec6}.wallTile.blush{background:#fadce3}.wallTile.sage{background:#e3ebd8}.wallTile.lilac{background:#e7def5}.wallTile.sand{background:#f1e6d2}.wallTile.sea{background:#d6ecec}.wallTile.cream{background:#f4ecd8}.wallTip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);background:#2d2a26;color:#f4f0e6;padding:4px 8px;border-radius:6px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:10}.trendSection{padding-bottom:56px}.trendGrid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:576px){.trendGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.trendGrid{grid-template-columns:repeat(3,1fr)}}.trendCard{background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:center;text-decoration:none;color:#2d2a26;transition:transform .15s,border-color .15s,box-shadow .15s}.trendCard:hover{transform:translateY(-2px);border-color:#2d2a2633;box-shadow:0 1px #2d2a260a,0 18px 36px -16px #2d2a2647}.trendCardIcon{width:56px;height:56px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:26px}.trendCardIcon.peach{background:#ffe6dc}.trendCardIcon.mint{background:#ddf1e2}.trendCardIcon.sky{background:#dde9fa}.trendCardIcon.butter{background:#fbeec6}.trendCardIcon.blush{background:#fadce3}.trendCardIcon.sage{background:#e3ebd8}.trendCardIcon.lilac{background:#e7def5}.trendCardIcon.sand{background:#f1e6d2}.trendCardIcon.sea{background:#d6ecec}.trendCardIcon.cream{background:#f4ecd8}.trendCardInfo{min-width:0;flex:1}.trendCardTitle{font-weight:600;font-size:15px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trendCardCat{color:#6b655b;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;margin:0 0 4px}.trendCardDesc{color:#6b655b;font-size:13px;line-height:1.45;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ctaStrip{position:relative;margin-top:24px;margin-bottom:12px;background:#2d2a26;color:#f4f0e6;border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;overflow:hidden}.ctaTitle{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;margin:0 0 6px;max-width:520px;font-size:clamp(24px,3vw,32px);text-wrap:balance;line-height:1.2}.ctaSub{margin:0;color:#f4f0e6b3;font-size:15px;max-width:520px}.ctaBlob{position:absolute;right:-32px;bottom:-40px;width:220px;height:220px;border-radius:9999px;pointer-events:none;background:radial-gradient(closest-side,#ff7a5959,#ff7a5900 70%)}.toolList{display:flex;flex-direction:column;gap:48px}.toolGroupHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.toolGroupTitle{font-size:20px;font-weight:600;color:#2d2a26}.toolGroupLink{font-size:14px;color:#4f46e5;font-weight:500;text-decoration:none}.toolGroupLink:hover{color:#4338ca}.toolCards{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:576px){.toolCards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.toolCards{grid-template-columns:repeat(3,1fr)}}.toolCard{display:block;border-radius:12px;border:1px solid #e5e7eb;background:#fff;padding:20px;text-decoration:none;color:#2d2a26;transition:border-color .15s,box-shadow .15s}.toolCard:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.toolCard:hover .toolCardTitle{color:#4338ca}.toolCardInner{display:flex;align-items:flex-start;gap:12px}.toolCardIcon{font-size:24px;flex-shrink:0}.toolSvgIcon{display:block;object-fit:contain;width:24px;height:24px}.trendCardIcon .toolSvgIcon{width:32px;height:32px}.wallTile span .toolSvgIcon{width:28px;height:28px}.chip .toolSvgIcon{display:inline-block;vertical-align:text-bottom;width:1.1em;height:1.1em}.toolCardBody{min-width:0}.toolCardCatLabel{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.toolCardTitle{font-weight:600;color:#2d2a26;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolCardDesc{font-size:14px;color:#6b7280;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.toolFeaturedBadge{display:inline-block;margin-top:12px;font-size:12px;font-weight:500;color:#4f46e5;background:#eef2ff;padding:2px 8px;border-radius:9999px}.toolShellCard{background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:20px;box-shadow:0 1px #2d2a260a,0 6px 18px -10px #2d2a262e;overflow:hidden;margin-bottom:24px}.toolShell>header,.toolShellCard>header{padding:18px 22px;border-bottom:1px solid rgba(45,42,38,.1);display:flex;align-items:center;gap:12px;background:#fff}.toolShellCardIco{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;line-height:1;background:#eef2ff;color:#4f46e5;flex-shrink:0;user-select:none}.toolShellCardTitle{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#2d2a26;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}.toolShellCardDesc{margin:4px 0 0;font-size:12.5px;color:#6b655b}.toolShellArea{overflow:hidden}.toolShellContent{margin-top:40px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:#6b7280}.breadcrumbItem{display:flex;align-items:center;gap:6px}.breadcrumbSep{color:#d1d5db}.breadcrumbLink{text-decoration:none;color:#6b7280;transition:color .12s}.breadcrumbLink:hover{color:#2d2a26}.breadcrumbCurrent{color:#2d2a26;font-weight:500}.pageInner{max-width:1280px;margin-inline:auto;padding-inline:16px;padding-block:32px 48px}@media(min-width:576px){.pageInner{padding-inline:24px;padding-block:48px}}.pageInnerHead{margin-bottom:32px}.pageInnerTitle{font-size:30px;font-weight:700;color:#2d2a26;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}.pageInnerDesc{color:#6b7280;margin-top:8px}.pageInnerCount{font-size:14px;color:#9ca3af;margin-top:4px}.toolBody{display:flex;flex-direction:column;gap:16px;padding:20px;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#2d2a26;background:#faf8f3;border-radius:16px}.toolLabel{font-size:13px;font-weight:600;color:#2d2a26;letter-spacing:-.005em;display:flex;align-items:center;gap:8px}.toolLabel>small{font-weight:500;font-size:11px;color:#aba396;text-transform:uppercase;letter-spacing:.06em}.toolHint{font-size:12px;color:#6b655b;line-height:1.45;margin-top:2px}.toolSelect,.toolTextarea,.toolInput{width:100%;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;color:#2d2a26;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:11px 13px;box-shadow:inset 0 1px #2d2a260a,inset 0 0 0 1px #2d2a260f;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;outline:none}.toolSelect::placeholder,.toolTextarea::placeholder,.toolInput::placeholder{color:#aba396}.toolSelect:hover,.toolTextarea:hover,.toolInput:hover{border-color:#2d2a262e}.toolSelect:focus,.toolTextarea:focus,.toolInput:focus{border-color:#4f46e5;box-shadow:inset 0 1px #2d2a260a,inset 0 0 0 1px #2d2a260f,0 0 0 4px #4f46e524;background-color:#fff}[disabled].toolSelect,[disabled].toolTextarea,[disabled].toolInput,.toolSelect:disabled,.toolTextarea:disabled,.toolInput:disabled{background:#f4f0e6;color:#aba396;cursor:not-allowed}.toolTextarea{line-height:1.55;resize:vertical;min-height:140px}.toolSelect{font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13.5px;font-weight:500;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6B655B 50%),linear-gradient(135deg,#6B655B 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px;cursor:pointer}.toolOptionBtn,.toolCopyBtn,.toolBtnBlock,.toolBtnPrimary,.toolBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:-.005em;border-radius:12px;padding:10px 14px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;user-select:none;white-space:nowrap}.toolOptionBtn:active,.toolCopyBtn:active,.toolBtnBlock:active,.toolBtnPrimary:active,.toolBtn:active{transform:translateY(1px)}.toolOptionBtn:focus-visible,.toolCopyBtn:focus-visible,.toolBtnBlock:focus-visible,.toolBtnPrimary:focus-visible,.toolBtn:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}[disabled].toolOptionBtn,[disabled].toolCopyBtn,[disabled].toolBtnBlock,[disabled].toolBtnPrimary,[disabled].toolBtn,.toolOptionBtn:disabled,.toolCopyBtn:disabled,.toolBtnBlock:disabled,.toolBtnPrimary:disabled,.toolBtn:disabled{opacity:.5;cursor:not-allowed}.toolBtn{background:#fff;border-color:#2d2a261a;color:#2d2a26;box-shadow:0 1px #2d2a2608}.toolBtn:hover:not(:disabled){background:#f4f0e6;border-color:#2d2a262e}.toolBtnPrimary{background:#2d2a26;color:#faf8f3;box-shadow:0 1px #00000040,0 6px 14px -6px #2d2a2659}.toolBtnPrimary:hover:not(:disabled){background:#1a1815}.toolBtnBlock{width:100%;padding:13px 16px;font-size:14px;background:#2d2a26;color:#faf8f3;box-shadow:0 1px #0000004d,0 10px 24px -10px #2d2a2659}.toolBtnBlock:hover:not(:disabled){background:#1a1815}.toolCopyBtn{background:transparent;color:#6b655b;padding:6px 10px;font-size:12px;border-radius:8px}.toolCopyBtn:hover{background:#2d2a260f;color:#2d2a26}.toolCopyLabel{display:inline-grid}.toolCopyLabel>span{grid-area:1/1;transition:opacity .15s}.toolOptionGroup{display:inline-flex;background:#f4f0e6;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:3px;gap:2px}.toolOptionGroup.isBlock{display:flex;width:100%}.toolOptionGroup.isBlock .toolOptionBtn{flex:1;padding:10px 12px;font-size:13px}.toolOptionBtn{background:transparent;color:#6b655b;font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:9px;min-width:36px;box-shadow:none}.toolOptionBtn:hover:not(:disabled){color:#2d2a26;background:#2d2a260a}.toolOptionBtn.isActive{background:#fff;color:#2d2a26;box-shadow:0 1px 2px #2d2a261a,0 0 0 1px #2d2a260d}.toolSlider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,#4f46e5 var(--p, 40%),#F4F0E6 var(--p, 40%));outline:none;cursor:pointer}.toolSlider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(45,42,38,.18);box-shadow:0 1px 2px #2d2a262e,0 4px 10px -4px #2d2a2633;cursor:grab;transition:transform .12s ease}.toolSlider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.toolSlider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(45,42,38,.18);box-shadow:0 1px 2px #2d2a262e}.toolInputColor{width:38px;height:38px;border:1px solid rgba(45,42,38,.1);border-radius:10px;padding:3px;background:#fff;cursor:pointer;box-shadow:inset 0 1px #2d2a260a,inset 0 0 0 1px #2d2a260f;flex-shrink:0}.toolInputColor::-webkit-color-swatch-wrapper{padding:0}.toolInputColor::-webkit-color-swatch{border:0;border-radius:7px}.toolInputColor::-moz-color-swatch{border:0;border-radius:7px}.toolColorPair{display:flex;align-items:center;gap:10px}.toolColorPair .toolInput{flex:1;text-transform:uppercase;letter-spacing:.04em}.toolPreview{position:relative;background:linear-gradient(135deg,#fff,#faf8f3);border:1px solid rgba(45,42,38,.1);border-radius:16px;padding:28px;display:grid;place-items:center;min-height:240px;box-shadow:0 1px #2d2a260a,0 6px 18px -10px #2d2a262e;overflow:hidden}.toolPreview:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 38%,rgba(99,102,241,.06),transparent 70%);pointer-events:none}.toolPreview>*{position:relative}.toolPreview.isGenerating{opacity:.5}.toolPreviewEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#aba396;text-align:center;padding:24px}.toolPreviewSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#aba396;pointer-events:none}.toolPreviewArea{display:flex;flex-direction:column;align-items:center;gap:16px}.toolDropZone{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px dashed rgba(45,42,38,.18);border-radius:12px;background:#f4f0e68c;color:#6b655b;font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.toolDropZone:hover{border-color:#6366f1;background:#eef2ff;color:#2d2a26}.toolDropZone .icon{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid rgba(45,42,38,.1);display:grid;place-items:center;color:#4f46e5;flex-shrink:0}.toolDropZone .dropTitle{color:#2d2a26;font-weight:600;font-size:13px}.toolDropZone .dropSub{font-size:12px;color:#6b655b;margin-top:2px}.toolSliderValue{font-size:11px;color:#aba396;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;white-space:nowrap}.toolError{background:#fbe9e3;border:1px solid rgba(199,80,62,.25);color:#c7503e;border-radius:12px;padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:flex-start}.toolError .dot{width:8px;height:8px;border-radius:50%;background:#c7503e;margin-top:6px;flex-shrink:0}.toolErrMsg{font-size:12px;color:#c7503e;margin-top:4px}.toolGrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.toolGrid2{grid-template-columns:1fr}}.toolRow,.toolRowItem{display:flex;flex-direction:column;gap:6px}.toolRowItemHead{display:flex;align-items:center;justify-content:space-between}.toolControls{display:flex;flex-direction:column;gap:16px}.toolControlGroup{display:flex;flex-direction:column;gap:6px}.toolActions{display:flex;flex-wrap:wrap;gap:8px}.toolInputRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolInputRow .toolInput{flex:1;min-width:0}.toolDivider{height:1px;background:#2d2a261a;margin:2px 0}.toolLayout{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px;background:#faf8f3}@media(max-width:760px){.toolLayout{grid-template-columns:1fr}}.toolOptionGrid{display:flex;background:#f4f0e6;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:3px;gap:2px}.toolOptionGrid .toolOptionBtn{flex:1;padding:10px 12px;font-size:13px}.toolShellArea .toolBody{border-radius:0;padding:0;background:transparent}