@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.fbf4c1a6.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.bfe8c811.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"DM Serif Display";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/dm-serif-display-latin-400-italic.6b3bc22e.woff2) format("woff2"),url(/_next/static/media/dm-serif-display-latin-400-italic.3fef1167.woff) format("woff")}:root{--bg:#fdfcfb;--surface:#fff;--surface-soft:#f5f4f3;--ink:#303340;--heading:#252b3b;--muted:#6e707b;--line:#e7e5e4;--accent:#b85f4b;--navy:#303e59;--purple-bg:#ede7f5;--purple-ink:#665480;--blue-bg:#e5edf6;--blue-ink:#456487;--peach-bg:#f7e4dd;--peach-ink:#965443;--green-bg:#e2eeeb;--green-ink:#476c65;--pink-bg:#f5e4ec;--pink-ink:#8c526c;--yellow-bg:#f5edcf;--yellow-ink:#816b2c;color-scheme:light}.category-dropdown{max-height:70vh;overflow-y:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans Variable,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a,button,input,select,summary,textarea{outline-offset:4px;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #7e7cb3}::selection{background:#ded5ec;color:#302842}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);font-weight:550}svg{flex-shrink:0;vertical-align:middle}em{font-family:"DM Serif Display",Georgia,serif;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:18px;z-index:100;transform:translateY(-160%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1;outline:0}.page{max-width:1248px;padding:0 48px;margin:0 auto}.site-header{background:var(--bg);border-bottom:1px solid var(--line);z-index:30;position:relative}.header-inner{max-width:1344px;margin:auto;min-height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:650;letter-spacing:-1.3px;white-space:nowrap}.brand-domain{color:var(--muted);font-weight:400}.brand-mark{display:grid;grid-template-columns:repeat(2,13px);gap:3px;transform:rotate(-9deg);margin-right:3px}.brand-mark i{display:block;width:13px;height:13px;border-radius:4px 4px 1px 4px;background:#ce826c}.brand-mark i:nth-child(2){background:#a6b9d7;border-radius:6px 6px 6px 1px}.brand-mark i:nth-child(3){background:#d9be72;border-radius:6px 1px 6px 6px}.brand-mark i:nth-child(4){background:#b1a2c9;border-radius:1px 4px 4px 4px}.desktop-nav{display:flex;align-items:center;gap:29px;font-size:13px;color:var(--muted)}.category-menu summary,.desktop-nav>a{display:inline-flex;align-items:center;gap:8px;min-height:40px}.category-menu summary:hover,.desktop-nav a.selected,.desktop-nav a:hover{color:var(--heading)}.nav-count{font-size:10px;background:var(--purple-bg);color:var(--purple-ink);border-radius:6px;padding:1px 6px}.category-menu{position:relative}.category-menu summary{cursor:pointer;list-style:none}.category-menu summary::-webkit-details-marker{display:none}.category-menu[open] summary svg{transform:rotate(180deg)}.category-dropdown{position:absolute;top:48px;left:-28px;width:260px;background:var(--surface);padding:10px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #20243914}.category-dropdown a{display:flex;align-items:center;gap:11px;border-radius:9px;padding:9px;color:var(--ink)}.category-dropdown a:hover{background:var(--surface-soft)}.category-dropdown a>svg:last-child{margin-left:auto;color:var(--muted)}.mini-category{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.header-actions,.header-search{display:flex;align-items:center;gap:9px}.header-search{min-height:37px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font-size:11px;color:var(--muted);margin-right:5px}.header-search:hover{border-color:#aaa3b9}.header-search kbd{display:flex;gap:3px;margin-left:8px;font-size:9px}.header-search kbd,.icon-button{align-items:center;color:var(--muted)}.icon-button{display:inline-flex;justify-content:center;min-width:34px;min-height:34px;padding:7px;border-radius:8px}.icon-button:hover{background:var(--surface-soft);color:var(--heading)}.header-favorites{position:relative}.favorite-count{position:absolute;top:-2px;right:-3px;background:var(--peach-bg);color:var(--peach-ink);font-size:9px;border-radius:50%;width:16px;height:16px;display:grid;place-items:center}.mobile-menu,.mobile-navigation{display:none}.footer{margin-top:45px;border-top:1px solid var(--line);background:var(--surface-soft);padding:48px max(32px,calc((100vw - 1152px)/2)) 0}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-bottom:38px}.footer .brand{font-size:23px}.footer-top p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:15px}.footer-links{display:grid;justify-content:center;gap:11px;align-content:start;padding-top:4px;font-size:12px}.footer-links a{display:flex;align-items:center;gap:12px}.footer-links a:hover{color:var(--accent)}.footer-note{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:16px;font-size:11px;color:var(--muted)}.footer-palette{display:flex;gap:6px}.footer-palette i{display:block;width:19px;height:27px;background:#ce826c;border-radius:12px;transform:rotate(20deg)}.footer-palette i:nth-child(2){background:#a6b9d7;transform:rotate(-10deg)}.footer-palette i:nth-child(3){background:#d9be72;transform:rotate(13deg)}.footer-palette i:nth-child(4){background:#b1a2c9;transform:rotate(-17deg)}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.hero{padding:61px 0 42px;text-align:center}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.hero-label{gap:9px;font-size:9px;letter-spacing:1.8px;font-weight:500;color:var(--muted);margin-bottom:22px}.hero-label,.tiny-palette{display:inline-flex;align-items:center}.tiny-palette i{width:7px;height:7px;background:#cb8c77;border-radius:50%;border:1px solid var(--bg)}.tiny-palette i+i{margin-left:-1px;background:#a6b9d7}.tiny-palette i:last-child{background:#c8b0d7}.hero h1{font-size:clamp(68px,7.1vw,100px);letter-spacing:-6px;line-height:1.02;font-weight:550}.hero h1>span{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-4px}.hero-copy>p{margin-top:23px;color:var(--muted);font-size:14px;line-height:1.85}.hero-proof{display:flex;justify-content:center;gap:22px;margin-top:20px;font-size:11px;color:var(--muted)}.hero-proof span{display:flex;align-items:center;gap:5px}.hero-proof span:first-child svg{color:#a3745e}.hero-proof span:nth-child(2) svg{color:#667e9a}.hero-proof span:nth-child(3) svg{color:#8b739f}.hero-doodle{position:absolute;z-index:1;display:flex;align-items:center;flex-direction:column;pointer-events:none}.hero-doodle>span{font-size:10px;letter-spacing:0;line-height:1.4;font-family:DM Sans Variable,sans-serif;font-style:normal}.doodle-asterisk{top:89px;left:80px;transform:rotate(-12deg);color:#965741}.doodle-asterisk svg{width:89px;height:89px;fill:#d6977f}.doodle-asterisk span{margin-top:14px}.doodle-code{right:62px;top:148px;transform:rotate(12deg);background:#cbdced;color:#446286;height:110px;width:106px;justify-content:center;border-radius:24px 24px 8px 24px;gap:6px}.doodle-type{left:157px;top:272px;background:#e2d8ed;color:#6f5986;width:87px;height:88px;justify-content:center;border-radius:50%;transform:rotate(8deg);font-family:Georgia,serif;font-size:34px;letter-spacing:-2px}.doodle-type>span{font-size:7px}.doodle-arrow{right:184px;top:325px;color:#aa9657;transform:rotate(9deg)}.search-wrap{margin:0 auto;max-width:668px;height:62px;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid #dcd8df;border-radius:13px;padding:0 20px;box-shadow:0 7px 24px #3d304808}.search-wrap>svg{color:#81748f}.search-wrap input{border:0;outline:none;min-width:0;flex:1 1;height:100%;background:none;color:var(--ink);font-size:13px}.search-wrap input::placeholder{color:var(--muted)}.search-wrap:focus-within{border-color:#9784b0;box-shadow:0 0 0 3px #b8a6cf20}.search-hint{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}.search-suggestions{display:flex;align-items:center;justify-content:center;gap:13px;margin:14px 0 0;font-size:10px;color:var(--muted)}.search-suggestions button{display:flex;align-items:center;gap:4px;font-size:10px;padding:2px 0}.search-suggestions button:hover{color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:57px 0 26px}.eyebrow{display:block;font-size:9px;letter-spacing:1.7px;font-weight:500;color:var(--muted);margin-bottom:11px}.section-heading h2{font-size:32px;letter-spacing:-1.3px;font-weight:500;line-height:1.2}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--ink);white-space:nowrap;padding-bottom:2px}.text-link:hover{color:var(--accent)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:9px 16px;min-height:39px;font-size:11px;color:var(--muted);background:var(--surface);white-space:nowrap}.category-tabs button:hover{border-color:#a7a1b0}.category-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.category-tabs .filter-purple.active{background:var(--purple-bg);border-color:#c5b5d9;color:var(--purple-ink)}.category-tabs .filter-blue.active{background:var(--blue-bg);border-color:#a3bbd4;color:var(--blue-ink)}.category-tabs .filter-peach.active{background:var(--peach-bg);border-color:#d9aa9a;color:var(--peach-ink)}.category-tabs .filter-green.active{background:var(--green-bg);border-color:#9cbbb1;color:var(--green-ink)}.category-tabs .filter-pink.active{background:var(--pink-bg);border-color:#d6a6bc;color:var(--pink-ink)}.category-tabs .filter-yellow.active{background:var(--yellow-bg);border-color:#ccba7d;color:var(--yellow-ink)}.all-icon{font-size:18px;line-height:1}.results-meta{font-size:10px;color:var(--muted);margin:17px 0 15px;min-height:16px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.color-purple,.tone-purple{--tone-bg:var(--purple-bg);--tone-ink:var(--purple-ink)}.color-blue,.tone-blue{--tone-bg:var(--blue-bg);--tone-ink:var(--blue-ink)}.color-peach,.tone-peach{--tone-bg:var(--peach-bg);--tone-ink:var(--peach-ink)}.color-green,.tone-green{--tone-bg:var(--green-bg);--tone-ink:var(--green-ink)}.color-pink,.tone-pink{--tone-bg:var(--pink-bg);--tone-ink:var(--pink-ink)}.color-yellow,.tone-yellow{--tone-bg:var(--yellow-bg);--tone-ink:var(--yellow-ink)}.mini-category,.tool-icon{background:var(--tone-bg);color:var(--tone-ink)}.tool-card{position:relative;min-width:0;background:var(--tone-bg);border:1px solid transparent;border-radius:16px;padding:17px 24px 21px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 12px 22px #3931440b}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-category{font-size:10px;color:var(--tone-ink)}.favorite-button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:50%;padding:6px;color:var(--tone-ink);opacity:.65}.favorite-button:hover,.favorite-button[aria-pressed=true]{opacity:1;background:#ffffff66}.card-link{display:block}.card-link:after{content:"";position:absolute;inset:0;border-radius:16px}.card-link:focus-visible:after{outline:2px solid var(--tone-ink);outline-offset:3px}.card-tool-symbol{display:inline-flex;align-items:center;color:var(--tone-ink);margin-bottom:16px;height:38px}.tool-card h3{font-size:21px;letter-spacing:-.6px;font-weight:550;line-height:1.25;margin-bottom:10px}.tool-card p{font-size:12px;line-height:1.8;color:var(--tone-ink);min-height:44px;max-width:275px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-size:9px;color:var(--tone-ink)}.card-arrow{display:grid;place-items:center;width:33px;height:33px;border:1px solid;border-radius:50%;opacity:.8;transition:background .2s}.tool-card:hover .card-arrow{background:#ffffff66}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px}.privacy-banner{margin-top:66px;background:var(--purple-bg);border-radius:20px;padding:47px 56px;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden}.privacy-copy h2{font-size:45px;letter-spacing:-1.8px;line-height:1.1;font-weight:500}.privacy-copy h2 em,.privacy-copy p{color:var(--purple-ink)}.privacy-copy p{font-size:13px;line-height:1.9;margin-top:18px}.privacy-copy .text-link{margin-top:22px;font-size:11px}.privacy-art{position:relative;width:330px;height:210px;flex-shrink:0}.privacy-sticker{position:absolute;background:#f9f3e3;border:1px solid #e1d4b5;width:151px;height:170px;border-radius:75px 75px 15px 15px;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;color:#8b754a;top:7px;left:73px;transform:rotate(10deg)}.privacy-sticker span{font-size:8px;letter-spacing:1.2px}.privacy-flower{position:absolute;font-size:112px;line-height:1;color:#ce8c78;left:4px;bottom:-1px;transform:rotate(-15deg)}.privacy-mini{display:flex;align-items:center;gap:6px;position:absolute;bottom:2px;right:5px;transform:rotate(-8deg);background:#c6d7e8;border:1px solid #b2c7de;color:#4d6684;border-radius:8px;padding:12px 16px;font-size:10px}.values-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:43px 0;border-bottom:1px solid var(--line)}.values-row>div{display:flex;gap:14px;align-items:flex-start}.value-icon{display:inline-flex;padding-top:2px}.value-coral{color:#b77c68}.value-blue{color:#6f8cae}.value-purple{color:#9a80b4}.values-row h3{font-size:14px;font-weight:550;margin-bottom:6px}.values-row p{font-size:11px;color:var(--muted);line-height:1.8}.all-tools-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:42px 0 5px}.all-tools-cta p{font-size:25px;letter-spacing:-.8px}.all-tools-cta em{color:var(--accent);font-size:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border:1px solid transparent;border-radius:9px;padding:12px 19px;font-size:12px;font-weight:500;line-height:1.4;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.button-primary:hover{background:#465573}.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button-secondary:hover{background:var(--surface-soft);border-color:#b6afc0}.page-intro{padding:58px 0 36px}.page-intro h1{font-size:49px;letter-spacing:-2px;line-height:1.15;font-weight:500;margin-top:14px}.page-intro p{margin-top:18px;font-size:14px;line-height:1.9;color:var(--muted)}.listing-page{padding-bottom:40px}.listing-page .section-heading{margin-top:40px}.listing-page .search-wrap{max-width:100%}.listing-page .search-suggestions{justify-content:flex-start;padding-left:3px}.sort-control{display:flex;align-items:center;gap:7px;color:var(--muted)}.sort-control select{border:0;background:none;color:var(--muted);font-size:11px;padding:7px 0;max-width:160px}.empty-state{padding:60px 20px;border:1px dashed #c9c1d0;border-radius:18px;text-align:center}.empty-state>svg{color:var(--purple-ink);margin-bottom:14px}.empty-state h3{font-size:24px;letter-spacing:-.7px;font-weight:500}.empty-state p{font-size:13px;max-width:400px;margin:12px auto 24px;color:var(--muted);line-height:1.9}.search-dialog{padding:0;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);width:560px;max-width:calc(100% - 28px);max-height:80vh;box-shadow:0 25px 100px #24213a30;overscroll-behavior:contain}.search-dialog::backdrop{background:#29273565;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content{display:flex;flex-direction:column;max-height:75vh}.dialog-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 18px}.dialog-search>svg{color:var(--purple-ink)}.dialog-search input{flex:1 1;min-width:0;border:0;outline:0;height:32px;background:none;color:var(--ink);font-size:13px}.quick-results{overflow-y:auto;padding:9px}.quick-results a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:9px;font-size:13px}.quick-results a>svg:first-child{color:var(--purple-ink)}.quick-results a>svg:last-child{margin-left:auto;color:var(--muted)}.quick-results a:focus-visible,.quick-results a:hover{background:var(--surface-soft)}.dialog-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 18px;color:var(--muted);font-size:10px}.no-quick-results{padding:28px 12px;font-size:12px;color:var(--muted);text-align:center}.tool-page{padding-top:30px;padding-bottom:24px}.tool-breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted);margin-bottom:30px}.tool-breadcrumb a{display:flex;align-items:center;gap:6px}.tool-breadcrumb a:hover{color:var(--accent)}.tool-intro{display:flex;align-items:center;gap:19px;margin-bottom:31px}.tool-intro>.tool-icon{width:64px;height:64px;border-radius:17px;flex-shrink:0}.tool-intro .eyebrow{font-size:8px;margin-bottom:7px}.tool-intro h1{font-size:34px;letter-spacing:-1.3px;font-weight:500;line-height:1.2}.tool-intro p{font-size:13px;color:var(--muted);margin-top:10px}.tool-intro>.button{margin-left:auto;white-space:nowrap;font-size:11px}.tool-workspace{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 21px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.workspace-toolbar>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a58ab4}.workspace-toolbar>div{display:flex;gap:17px}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 0;font-size:11px;color:var(--muted)}.toolbar-button:hover{color:var(--heading)}.tool-options{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:18px 21px}.tool-options:empty{display:none}.tool-options label{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.tool-options input[type=number],.tool-options select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;min-height:34px;padding:6px 10px;font-size:12px;max-width:230px}.tool-options input[type=number]{width:80px}.tool-options .color-control{display:block}.color-control>span{display:flex;align-items:center;gap:8px;margin-top:7px}.color-control input[type=color]{width:35px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}.color-control>span>span{font-family:Consolas,monospace;font-size:11px}.tool-options .angle-control{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-left:auto}.angle-control input{accent-color:#88739c}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workspace-toolbar+.tool-options:empty+.editor-grid{border-top:0}.editor-panel{display:flex;flex-direction:column;min-width:0}.input-panel{border-right:1px solid var(--line)}.editor-heading{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 19px;border-bottom:1px solid var(--line);font-size:11px;background:var(--blue-bg)}.output-panel .editor-heading{background:var(--purple-bg)}.editor-heading>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.editor-heading>div{display:flex;align-items:center;gap:13px}.editor-panel textarea{display:block;width:100%;min-height:300px;resize:vertical;border:0;padding:20px;font:13px/1.9 Cascadia Code,Consolas,monospace;background:var(--surface);color:var(--ink);flex:1 1;outline-offset:-3px;border-radius:0}.editor-panel textarea::placeholder{color:var(--muted);font-family:DM Sans Variable,sans-serif;font-size:12px}.output-panel textarea{background:var(--bg)}.editor-footnote{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);background:var(--surface-soft);border-top:1px solid var(--line);padding:9px 18px;min-height:35px}.output-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;background:var(--bg);padding:20px;text-align:center;flex:1 1}.output-placeholder>span:first-child{display:grid;place-items:center;width:55px;height:55px;background:var(--purple-bg);color:var(--purple-ink);border-radius:18px;margin-bottom:15px;transform:rotate(-5deg)}.output-placeholder p{font-size:12px;color:var(--muted)}.output-placeholder>span:last-child{font-size:10px;color:var(--muted);margin-top:7px}.workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px 7px}.workspace-actions>span{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.workspace-status{min-height:32px;padding:0 22px 13px;font-size:10px;text-align:right;color:var(--muted)}.tool-error{background:#fbede8;color:#8e4836;border:1px solid #e5bcb0;padding:14px 18px;border-radius:9px;font-size:12px;margin:18px 21px 0}.tool-error p{margin-top:5px;overflow-wrap:anywhere}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px;gap:15px;border-bottom:1px solid var(--line)}.metrics-row>div{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--line);padding-left:10px}.metrics-row>div:last-child{border:0}.metrics-row strong{font-size:28px;font-weight:500}.metrics-row span{font-size:10px;color:var(--muted)}.gradient-preview{display:grid;place-items:center;min-height:300px;flex:1 1;padding:25px}.gradient-preview span{color:#333448;font:italic 35px "DM Serif Display",Georgia,serif;background:#ffffff9c;border-radius:7px;padding:5px 14px;text-align:center}.generator-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;flex:1 1;padding:25px;text-align:center}.generator-preview>span{display:flex;color:var(--blue-ink);margin-bottom:15px}.generator-preview h3{font-size:21px;letter-spacing:-.6px;font-weight:500}.generator-preview p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:9px}.generator-preview code{font-size:10px;max-width:100%;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:6px;padding:8px;margin-top:16px;color:var(--muted)}.tool-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;margin-top:46px}.faq-section h2,.related-tools h2,.tool-guides h2{font-size:26px;letter-spacing:-.9px;font-weight:500;margin-bottom:20px}.tool-guides>section>p{font-size:13px;color:var(--muted);line-height:1.9}.steps{display:grid;gap:15px;padding:0;margin:0;list-style:none}.steps li{display:flex;gap:14px;align-items:flex-start}.steps li>span{font-size:11px;color:var(--accent);padding-top:2px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.limitation{display:flex;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;margin-top:18px;background:var(--surface-soft);color:var(--purple-ink)}.limitation p{font-size:11px;line-height:1.9;color:var(--muted)}.faq-section{max-width:820px;margin-top:43px}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{font-size:22px;color:var(--purple-ink);line-height:1}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details>p{font-size:12px;color:var(--muted);margin-top:14px;max-width:700px;line-height:1.9}.inline-privacy{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:26px 0;margin-top:18px;font-size:11px;color:var(--muted)}.inline-privacy a{margin-left:auto;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.related-tools{margin-top:38px}.related-tools .section-heading{margin-top:0}.related-tools h2{margin:0}.prose-page{max-width:1040px;padding-bottom:30px}.prose-page .page-intro h1{font-size:50px;line-height:1.2}.prose-content{max-width:790px}.prose-content section{margin-bottom:36px}.prose-content section>svg{color:var(--accent);margin-bottom:15px}.prose-content h2{font-size:27px;letter-spacing:-.8px;font-weight:500;margin-bottom:14px}.prose-content p{font-size:14px;color:var(--muted);line-height:1.95;margin-top:13px}.prose-content p a{text-decoration:underline;text-underline-offset:3px}.roadmap-list{margin-top:22px;border-top:1px solid var(--line)}.roadmap-list>div{display:flex;gap:16px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line)}.roadmap-list>div>svg{color:var(--purple-ink);margin-top:3px}.roadmap-list strong{font-weight:500;font-size:14px}.roadmap-list p{font-size:12px;margin-top:6px}.phase-tag{margin-left:auto;white-space:nowrap;background:var(--blue-bg);color:var(--blue-ink);font-size:8px;letter-spacing:.6px;border-radius:5px;padding:5px 8px}.not-found{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:65vh;padding-top:35px;padding-bottom:35px}.not-found>svg{color:var(--purple-ink);margin-bottom:23px}.not-found h1{font-size:42px;font-weight:500;letter-spacing:-1.5px}.not-found p{font-size:13px;color:var(--muted);line-height:1.9;margin:17px 0 25px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark]{--bg:#1d2028;--surface:#242832;--surface-soft:#23262f;--ink:#e0dfe5;--heading:#efedf2;--muted:#b2afbc;--line:#3a3d48;--accent:#d39b88;--navy:#586985;--purple-bg:#383347;--purple-ink:#c8b7df;--blue-bg:#2c3b4e;--blue-ink:#b3c8e3;--peach-bg:#49342f;--peach-ink:#e2b6a7;--green-bg:#2d413d;--green-ink:#abcfc3;--pink-bg:#483140;--pink-ink:#ddadc7;--yellow-bg:#423c2a;--yellow-ink:#d9c992;color-scheme:dark}[data-theme=dark] .doodle-code{background:#334962;color:#b3c8e3}[data-theme=dark] .doodle-type{background:#493c5b;color:#d4c0e7}[data-theme=dark] .search-wrap{border-color:#51465e}[data-theme=dark] .tool-error{background:#472f29;border-color:#795044;color:#ebbaaa}[data-theme=dark] .privacy-sticker{background:#5b503b;border-color:#746549;color:#f2ddae}[data-theme=dark] .privacy-mini{background:#425872;border-color:#576e88;color:#d6e1ef}@media (min-width:1600px){.hero{padding-top:78px;padding-bottom:50px}.hero h1{font-size:109px}.hero-copy>p{font-size:15px}.hero-doodle{margin-top:10px}}@media (max-width:1100px){.header-inner{padding:0 32px;gap:20px}.desktop-nav{gap:22px}.page{padding:0 36px}.header-search>span{display:none}.header-search kbd{margin-left:0}.doodle-asterisk{left:30px}.doodle-code{right:20px}.doodle-type{left:70px}.doodle-arrow{right:100px}.tool-card{padding:16px 21px 20px}.tool-card h3{font-size:19px}.category-tabs button{padding:8px 13px;font-size:10px}.privacy-banner{padding:40px}.privacy-art{width:280px}.privacy-sticker{left:48px}.values-row{gap:22px}.values-row>div{gap:11px}.values-row h3{font-size:13px}.values-row p{font-size:10px}.tool-intro h1{font-size:30px}.tool-intro p{font-size:12px}.tool-guides{gap:38px}}@media (max-width:850px){.header-inner{padding:0 26px;min-height:78px}.brand{font-size:24px}.desktop-nav{gap:19px;font-size:12px}.header-search kbd{display:none}.header-search{border:0;padding:7px;margin:0}.header-actions{gap:4px}.page{padding:0 30px}.hero{padding-top:55px}.hero h1{font-size:80px;letter-spacing:-4px}.hero h1>span{letter-spacing:-3px}.hero-copy>p{font-size:13px}.doodle-asterisk{left:10px;top:105px}.doodle-asterisk svg{width:59px;height:59px}.doodle-asterisk span{font-size:8px}.doodle-code{right:0;top:180px;width:75px;height:85px;border-radius:17px 17px 5px 17px}.doodle-code>svg{width:33px;height:33px}.doodle-code>span{font-size:8px}.doodle-type{left:30px;top:282px;height:64px;width:64px;font-size:26px}.doodle-type>span{font-size:6px}.doodle-arrow{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{padding:17px 23px 22px}.tool-card h3{font-size:21px}.tool-card p{font-size:12px}.section-heading h2{font-size:28px}.section-heading{gap:18px}.text-link{font-size:11px}.privacy-banner{gap:20px;padding:34px}.privacy-copy h2{font-size:37px}.privacy-copy p{font-size:12px}.privacy-art{width:210px;transform:scale(.9);transform-origin:right center}.privacy-sticker{left:28px}.privacy-mini{right:-12px}.privacy-flower{left:-19px}.values-row{gap:20px}.values-row>div{display:block}.value-icon{margin-bottom:13px}.all-tools-cta p{font-size:21px}.all-tools-cta em{font-size:25px}.footer-top{gap:30px}.footer-note{font-size:10px;text-align:right}.tool-intro{flex-wrap:wrap}.tool-intro>div:nth-child(2){max-width:calc(100% - 85px)}.tool-intro>.button{margin-left:84px}.tool-intro h1{font-size:31px}.workspace-actions>span{font-size:9px}.tool-options{gap:18px}.tool-options .angle-control{margin-left:0}.editor-panel textarea{font-size:12px}.page-intro h1,.prose-page .page-intro h1{font-size:43px}.phase-tag{display:none}}@media (max-width:700px){.desktop-nav{display:none}.header-inner{min-height:74px;padding:0 23px}.header-actions{gap:5px}.header-search{min-width:34px}.mobile-menu{display:inline-flex}.mobile-navigation{display:block;border-top:1px solid var(--line);background:var(--bg);padding:15px 24px 23px}.mobile-main-links{display:grid;gap:0;margin-bottom:19px}.mobile-main-links a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.mobile-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.mobile-category-grid a{display:flex;align-items:center;gap:10px;font-size:12px}.mobile-navigation .eyebrow{font-size:8px;margin-bottom:16px}.page{padding-left:24px;padding-right:24px}.hero{padding:50px 0 35px}.hero h1{font-size:75px}.hero-copy>p{font-size:12px}.hero-label{font-size:8px;letter-spacing:1.3px}.hero-proof{font-size:10px;gap:18px}.hero-doodle{opacity:.8}.doodle-asterisk{left:0;top:115px;transform:scale(.7) rotate(-12deg);transform-origin:left center}.doodle-asterisk>span{display:none}.doodle-code{width:52px;height:61px;top:237px;right:0;transform:rotate(12deg)}.doodle-code svg{width:25px;height:25px}.doodle-code>span,.doodle-type{display:none}.search-wrap{height:59px;padding:0 17px}.search-hint{display:none}.section-heading{margin-top:43px}.section-heading h2{font-size:26px;letter-spacing:-.9px}.section-heading>.text-link{font-size:10px;gap:6px}.category-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:3px 24px 9px;scrollbar-width:thin}.category-tabs button{font-size:11px;padding:9px 15px}.results-meta{margin-top:12px}.tool-card{padding:15px 20px 19px}.tool-card h3{font-size:20px}.tool-card p{font-size:11px;min-height:56px}.card-category{font-size:9px}.card-top{margin-bottom:17px}.privacy-banner{margin-top:48px;padding:30px}.privacy-art{width:155px;transform:scale(.7)}.privacy-sticker{left:3px}.privacy-mini{right:-40px}.privacy-flower{left:-50px}.privacy-copy h2{font-size:35px}.privacy-copy p{font-size:11px}.privacy-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.privacy-copy .text-link{font-size:10px}.values-row{padding:33px 0;gap:19px}.values-row h3{font-size:12px}.values-row p{font-size:10px}.all-tools-cta{padding:31px 0 0}.all-tools-cta p{font-size:19px;max-width:250px}.all-tools-cta em{font-size:23px}.all-tools-cta .button{font-size:10px;padding:11px 15px}.footer{padding-left:24px;padding-right:24px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-note{display:none}.footer-links{justify-content:end}.footer-bottom{font-size:9px;gap:15px}.tool-page{padding-top:24px}.tool-guides{gap:27px}.faq-section h2,.related-tools h2,.tool-guides h2{font-size:23px}.steps p,.tool-guides>section>p{font-size:12px}.inline-privacy{flex-wrap:wrap;font-size:10px}.inline-privacy a{margin-left:26px}.tool-options select{max-width:205px}.page-intro{padding-top:42px}}@media (max-width:480px){.header-inner{padding:0 18px;min-height:68px;gap:12px}.brand{font-size:23px;gap:8px}.brand-mark{grid-template-columns:repeat(2,11px);gap:2px}.brand-mark i{height:11px;width:11px}.header-actions{gap:0}.header-favorites{display:none}.icon-button{min-width:33px;min-height:33px}.page{padding-left:20px;padding-right:20px}.hero{padding-top:43px;padding-bottom:31px}.hero-label{font-size:7px;letter-spacing:1.2px;margin-bottom:23px;gap:6px}.tiny-palette i{width:6px;height:6px}.hero h1{font-size:68px;letter-spacing:-4px;line-height:1.04}.hero h1>span{letter-spacing:-3px}.hero-copy>p{font-size:12px;margin-top:23px;max-width:340px;padding:0 5px}.desktop-break{display:none}.hero-proof{font-size:9px;gap:16px;margin-top:18px}.hero-proof svg{width:13px}.hero-doodle{display:none}.search-wrap{height:56px;border-radius:11px;padding:0 15px;gap:10px}.search-wrap input{font-size:16px}.search-wrap input::placeholder{font-size:12px}.search-wrap>svg{width:20px}.search-suggestions{gap:11px;font-size:9px;flex-wrap:wrap;margin-top:12px}.search-suggestions button{font-size:9px;gap:3px}.search-suggestions button svg{width:11px}.section-heading{margin:38px 0 21px;align-items:flex-start;flex-direction:column;gap:14px}.section-heading h2{font-size:27px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}.section-heading>.text-link{font-size:11px}.category-tabs{margin:0 -20px;padding-left:20px;padding-right:20px;gap:7px}.category-tabs button{padding:8px 13px;font-size:10px;min-height:36px}.category-tabs button svg{width:14px}.results-meta{font-size:9px;line-height:1.8;margin-bottom:14px}.tool-grid{gap:12px}.tool-card{padding:12px 15px 15px;border-radius:13px}.card-category{font-size:8px}.favorite-button{min-height:27px;min-width:27px;padding:5px}.favorite-button svg{width:15px}.card-top{margin-bottom:16px}.card-tool-symbol{height:32px;margin-bottom:15px}.card-tool-symbol svg{width:27px;height:27px}.tool-card h3{font-size:17px;letter-spacing:-.6px;margin-bottom:9px;line-height:1.3;min-height:44px}.tool-card p{font-size:10px;line-height:1.8;min-height:57px}.card-bottom{font-size:7px;margin-top:18px;gap:5px}.card-arrow{width:27px;height:27px}.card-arrow svg{width:16px}.card-link:after{border-radius:13px}.privacy-banner{margin-top:39px;padding:30px 26px 27px;border-radius:16px;display:block;position:relative}.privacy-copy{position:relative;z-index:2}.privacy-copy h2{font-size:37px;letter-spacing:-1.5px}.privacy-copy p{font-size:12px;max-width:260px}.privacy-copy p br{display:none}.privacy-copy .text-link{font-size:11px}.privacy-art{display:none}.privacy-copy .eyebrow{font-size:7px}.values-row{grid-template-columns:1fr;gap:26px;padding:33px 1px}.values-row>div{display:flex;align-items:flex-start;gap:15px}.value-icon{margin:0}.values-row h3{font-size:14px;margin-bottom:5px}.values-row p{font-size:12px}.all-tools-cta{flex-direction:column;text-align:center;gap:18px;padding-top:30px}.all-tools-cta p{font-size:23px;max-width:280px;line-height:1.6}.all-tools-cta em{font-size:27px}.all-tools-cta .button{font-size:12px;padding:12px 19px}.footer{margin-top:36px;padding:32px 20px 0}.footer-top{gap:23px;padding-bottom:29px}.footer .brand{font-size:21px}.footer-top p{font-size:10px;margin-top:12px}.footer-links{font-size:11px;gap:12px}.footer-links a{gap:7px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:10px 15px}.footer-bottom span:nth-child(2){margin-left:auto}.footer-bottom>a{margin-top:2px}.footer-top .brand-mark{display:none}.page-intro{padding:35px 0 28px}.page-intro h1{font-size:34px;letter-spacing:-1.3px}.page-intro p{font-size:12px;margin-top:15px}.listing-page .section-heading{flex-direction:row;align-items:flex-end;gap:15px;margin-top:34px}.listing-page .section-heading h2{font-size:23px}.sort-control>svg{display:none}.sort-control select{font-size:10px;max-width:118px}.listing-page .search-suggestions{justify-content:center}.empty-state{padding:45px 18px}.empty-state h3{font-size:23px}.empty-state p{font-size:12px}.tool-breadcrumb{font-size:10px;gap:8px;margin-bottom:24px}.tool-page{padding-top:22px}.tool-intro{gap:13px;align-items:flex-start;margin-bottom:25px}.tool-intro>.tool-icon{width:46px;height:46px;border-radius:13px;margin-top:3px}.tool-intro>.tool-icon svg{width:24px}.tool-intro>div:nth-child(2){max-width:calc(100% - 60px);flex:1 1}.tool-intro .eyebrow{font-size:7px;letter-spacing:1px}.tool-intro h1{font-size:27px;letter-spacing:-1px}.tool-intro p{font-size:11px;line-height:1.85}.tool-intro>.button{margin-left:59px;min-height:34px;font-size:10px;padding:8px 12px}.tool-intro>.button svg{width:14px}.workspace-toolbar{padding:10px 13px;gap:8px}.workspace-toolbar>span{font-size:7px;letter-spacing:.7px}.workspace-toolbar>div{gap:12px}.toolbar-button{font-size:10px;gap:4px}.toolbar-button svg{width:13px}.tool-options{padding:14px;gap:17px}.tool-options label{font-size:10px;gap:8px}.tool-options input[type=number],.tool-options select{font-size:12px;padding:6px 8px;max-width:190px}.editor-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.editor-heading{height:43px;padding:0 14px;font-size:11px}.editor-heading>span{font-size:7px}.editor-panel textarea{min-height:215px;padding:15px;font-size:14px}.editor-panel textarea::placeholder{font-size:11px}.editor-footnote{font-size:8px;padding:9px 13px;line-height:1.7}.output-placeholder{min-height:210px}.output-placeholder p{font-size:11px}.output-placeholder>span:last-child{font-size:9px}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:13px;padding:15px 14px 9px}.workspace-actions>span{font-size:8px;margin-right:auto;gap:4px}.workspace-actions>span svg{width:12px}.workspace-actions .button{min-height:39px;font-size:11px;padding:11px 14px}.workspace-status{font-size:9px;padding:0 14px 13px;min-height:29px}.tool-error{margin:14px 14px 0;padding:12px;font-size:11px}.metrics-row{padding:15px 10px;gap:8px}.metrics-row>div{padding-left:4px}.metrics-row strong{font-size:22px}.metrics-row span{font-size:8px}.generator-preview,.gradient-preview{min-height:245px}.gradient-preview span{font-size:29px}.generator-preview h3{font-size:20px}.generator-preview p{font-size:11px}.generator-preview code{font-size:9px}.tool-guides{grid-template-columns:1fr;gap:29px;margin-top:34px}.faq-section h2,.related-tools h2,.tool-guides h2{font-size:24px;margin-bottom:17px}.steps p,.tool-guides>section>p{font-size:12px}.limitation p{font-size:10px}.faq-section{margin-top:32px}.faq-section summary{font-size:12px;line-height:1.8}.faq-section details>p{font-size:11px}.inline-privacy{gap:8px;font-size:9px;padding:23px 0;align-items:flex-start}.inline-privacy p{max-width:calc(100% - 27px);line-height:1.8}.inline-privacy a{margin-left:24px}.related-tools .section-heading{flex-direction:row;align-items:flex-end;gap:15px}.related-tools h2{font-size:23px;margin:0}.related-tools .tool-card:last-child{display:none}.prose-page .page-intro h1{font-size:35px;letter-spacing:-1.3px}.prose-content h2{font-size:24px}.prose-content p{font-size:13px}.prose-content section{margin-bottom:30px}.roadmap-list>div{gap:12px;padding:20px 0}.roadmap-list strong{font-size:13px}.roadmap-list p{font-size:11px}.not-found h1{font-size:33px}.not-found p{font-size:12px}.dialog-search{padding:12px 14px;gap:9px}.dialog-search input{font-size:16px}.dialog-search input::placeholder{font-size:12px}.dialog-footer{font-size:9px}.quick-results a{font-size:12px}}@media (max-width:360px){.hero h1{font-size:60px}.hero-label{letter-spacing:.7px;font-size:6px}.header-inner{padding:0 15px}.brand{font-size:21px}.tool-card{padding:11px 12px 14px}.tool-card h3{font-size:15px}.card-category{font-size:7px}.card-bottom{font-size:6px}.card-arrow{width:24px;height:24px}.card-tool-symbol{margin-bottom:12px}.section-heading h2{font-size:25px}.privacy-copy h2{font-size:33px}.footer .brand{font-size:19px}.footer-links{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}