:root{font-family:DM Sans,system-ui,sans-serif;color:#24243c;background:#f8f8fc;font-synthesis:none;--ink: #24243c;--muted: #77778b;--faint: #ededf6;--line: #e4e4f0;--paper: #fff;--soft: #f2f2fa;--primary: #5b5bd6;--primary-dark: #4a4ac0;--shadow: 0 18px 48px rgba(48, 44, 96, .08);--radius: 18px}:root[data-theme=dark]{color:#f1f1ff;background:#18182b;--ink: #f1f1ff;--muted: #a6a5bc;--faint: #2e2e49;--line: #363654;--paper: #22223a;--soft: #1d1d32;--primary: #8989ff;--primary-dark: #9b9bff;--shadow: 0 18px 48px rgba(0, 0, 0, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg, #f8f8fc);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(91,91,214,.35);outline-offset:2px}button:disabled{cursor:wait;opacity:.6}.app-shell{min-height:100vh;background:var(--bg, #f8f8fc);overflow:hidden}.page-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.header-inner{width:min(1240px,calc(100% - 48px));min-height:76px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{border:0;background:transparent;color:var(--ink);display:flex;gap:11px;align-items:center;padding:0;text-align:left}.brand>span:last-child{display:flex;flex-direction:column;line-height:1;gap:5px}.brand strong{font-size:18px;letter-spacing:-.04em}.brand small{color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-family:DM Mono,monospace}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--primary);position:relative;box-shadow:0 6px 18px #5b5bd640}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:18px;height:18px;border:2.5px solid white;border-radius:50%}.brand-mark:before{transform:translate(-4px);opacity:.9}.brand-mark:after{transform:translate(4px);opacity:.7}.brand-mark span{width:5px;height:5px;border:0;background:#dedcff}.main-nav{display:flex;align-items:center;gap:7px}.main-nav>button,.footer-links button{border:0;background:transparent;color:var(--muted);padding:10px 13px;font-size:13px}.main-nav>button.button-primary{background:var(--primary);color:#fff}.main-nav>button:hover,.footer-links button:hover{color:var(--primary)}.main-nav .theme-toggle{display:flex;align-items:center;gap:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;padding:12px 17px;border-radius:10px;font-size:13px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px #5b5bd62e}.button-primary:hover{background:var(--primary-dark)}.button-secondary{color:var(--ink);background:var(--faint)}.button-secondary:hover{background:var(--line)}.nav-cta{margin-left:10px;padding:10px 14px!important;color:#fff!important}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink);font-size:24px}.hero{min-height:548px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;padding-top:68px;padding-bottom:64px}.hero-copy{max-width:585px}.eyebrow{color:var(--primary);font-family:DM Mono,monospace;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:500;margin-bottom:16px}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72bd96;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 4px #72bd9621}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.07em;line-height:.97;margin:0 0 25px;font-weight:600}h1 em,h2 em{color:var(--primary);font-family:Playfair Display,serif;font-weight:500;letter-spacing:-.06em}h2{font-size:clamp(25px,3.2vw,36px);letter-spacing:-.06em;line-height:1.08;margin-bottom:0}.hero-lede{max-width:500px;color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:28px}.hero-actions{display:flex;gap:20px;align-items:center}.text-button{border:0;color:var(--primary);background:transparent;font-size:13px;font-weight:600;padding:10px 0}.text-button:hover{color:var(--primary-dark)}.hero-art{min-height:370px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:300px;height:260px;background:#eeeefe;border-radius:50% 43% 47% 55%;transform:rotate(-15deg)}:root[data-theme=dark] .hero-art:before{background:#29294b}.orbit{position:absolute;border:1px solid rgba(91,91,214,.25);border-radius:50%}.orbit-one{width:380px;height:140px;transform:rotate(27deg)}.orbit-two{width:410px;height:170px;transform:rotate(-35deg)}.hero-card{position:relative;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.hero-card-main{width:210px;min-height:212px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;transform:rotate(-5deg);z-index:1}.hero-card-main .tool-icon{margin-bottom:auto}.hero-card-main strong{font-size:22px;letter-spacing:-.06em}.hero-card-main small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;margin-top:12px}.float-card{position:absolute;z-index:2;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px;padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:12px}.float-card>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#358761;background:#e2f5e9}.float-card div{display:flex;flex-direction:column;gap:2px}.float-card small{color:var(--muted);font-size:10px}.float-top{top:50px;right:14%;transform:rotate(5deg)}.float-bottom{bottom:53px;left:8%;transform:rotate(-7deg)}.float-bottom>span{color:var(--primary);background:#e7e6ff}.privacy-strip{min-height:46px;padding:9px 24px;display:flex;gap:11px;align-items:center;justify-content:center;color:var(--muted);background:var(--soft);font-size:11px;text-align:center}.privacy-strip strong{color:var(--ink);font-size:11px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#61b487;box-shadow:0 0 0 4px #61b48726}.privacy-separator{color:var(--line)}.section{padding:92px 0}.soft-section{background-color:var(--soft);background-image:linear-gradient(rgba(120,120,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,120,170,.055) 1px,transparent 1px);background-size:26px 26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.featured-grid{grid-template-columns:repeat(4,1fr)}.tool-card{min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:17px;display:flex;text-align:left;align-items:flex-start;gap:12px;color:var(--ink);transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c6c6ee}.tool-icon{width:39px;height:39px;min-width:39px;display:grid;place-items:center;border-radius:12px;font-weight:600;font-size:17px;color:#3d3d79}.tool-icon.large{width:57px;height:57px;min-width:57px;font-size:25px;border-radius:16px}.lavender{background:#e6e5ff;color:#5655c5}.peach{background:#ffe9d9;color:#bc7046}.mint{background:#def5e7;color:#3d9365}.lemon{background:#fff2bd;color:#9d7d14}.sky{background:#dceefb;color:#4b82ae}.coral{background:#ffe0e1;color:#ba5d69}.lilac{background:#efdef6;color:#9457a6}:root[data-theme=dark] .lavender{background:#353461;color:#adaeff}:root[data-theme=dark] .peach{background:#4e362e;color:#f0a37d}:root[data-theme=dark] .mint{background:#294939;color:#8fe0b1}:root[data-theme=dark] .lemon{background:#4e4725;color:#f3d86e}:root[data-theme=dark] .sky{background:#294050;color:#99cdf0}:root[data-theme=dark] .coral{background:#4c303c;color:#f3a2ad}:root[data-theme=dark] .lilac{background:#45324c;color:#dfa5ee}.tool-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px;padding-top:1px}.tool-card-copy strong{font-size:14px;letter-spacing:-.025em}.tool-card-copy small{color:var(--muted);line-height:1.4;font-size:11px}.card-arrow{color:var(--primary);margin-left:auto;font-size:15px}.compact-card{padding:14px}.compact-card .tool-icon{width:34px;min-width:34px;height:34px;border-radius:10px;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.category-card{border:1px solid var(--line);background:var(--paper);padding:17px 13px;border-radius:15px;text-align:left;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .15s}.category-card:hover{transform:translateY(-3px)}.category-card strong{font-size:13px}.category-card small{color:var(--muted);font-size:10px}.category-card small span{color:var(--primary);margin-left:4px}.search-box{min-width:250px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:0 12px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;color:var(--ink);font-size:12px}.closing-cta{margin-top:70px;margin-bottom:84px;padding:32px 38px;border:1px solid var(--line);background:var(--paper);border-radius:22px;display:flex;align-items:center;gap:19px;box-shadow:var(--shadow)}.closing-cta div{flex:1}.closing-cta h2{font-size:23px;margin:0 0 5px}.closing-cta p{color:var(--muted);margin:0;font-size:13px}.tools-page{padding-top:75px;padding-bottom:100px}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.page-intro h1{font-size:56px;margin-bottom:13px}.page-intro p{color:var(--muted);margin:0}.filter-row{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:26px}.filter-row button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:30px;padding:8px 12px;font-size:11px}.filter-row button span{opacity:.65;margin-left:4px}.filter-row button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.all-tools-grid{grid-template-columns:repeat(4,1fr)}.tool-page{padding-top:44px;padding-bottom:75px;max-width:820px}.back-link{border:0;background:transparent;color:var(--muted);font-size:12px;padding:0;margin-bottom:34px}.back-link:hover{color:var(--primary)}.tool-heading{display:flex;gap:16px;align-items:center;margin-bottom:31px}.tool-heading h1{font-size:39px;margin:4px 0 7px;letter-spacing:-.06em}.tool-heading p{color:var(--muted);margin:0;font-size:13px}.tool-workspace{border:1px solid var(--line);background:var(--paper);padding:28px;border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:19px}.tool-workspace.is-busy{opacity:.82}.workspace-privacy{color:var(--muted);font-size:11px;padding-top:17px}.workspace-privacy span{color:#62b583;margin-right:5px}.tool-seo{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}.seo-copy{max-width:690px}.tool-seo h2{font-size:28px;margin:0 0 13px}.tool-seo h3{font-size:16px;margin:26px 0 10px;letter-spacing:-.03em}.tool-seo p,.tool-seo li{color:var(--muted);font-size:13px;line-height:1.65}.tool-seo ol{margin:0;padding-left:20px}.faq-block{margin-top:30px}.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:13px 0}.faq-list summary{cursor:pointer;color:var(--ink);font-size:13px;font-weight:600}.faq-list details p{margin:10px 0 0;font-size:12px}.related-tools{margin-top:31px}.related-tools h3{margin-top:0}.related-grid{grid-template-columns:repeat(2,1fr)}.upload-box{min-height:154px;border:1px dashed #bfc0dc;background:var(--soft);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.upload-box:hover{border-color:var(--primary);background:#f0f0ff}.upload-symbol{color:var(--primary);font-size:27px;line-height:1}.upload-box strong{color:var(--ink);font-size:13px}.upload-box small{font-size:10px}.preview-row{display:flex;gap:13px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px}.preview-row img{width:58px;height:58px;object-fit:cover;border-radius:8px}.preview-row div{display:flex;flex-direction:column;gap:5px}.preview-row small{color:var(--muted);font-size:11px}.field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;position:relative}.field output{position:absolute;right:0;color:var(--primary);font-family:DM Mono,monospace}.field input,.field select,.tool-controls>select,.todo-add input,.fun-stage textarea{border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);padding:11px 12px;outline:0;font-size:13px}.field input:focus,.field select:focus,.tool-controls>select:focus,.todo-add input:focus,.fun-stage textarea:focus{border-color:var(--primary)}.field input[type=range]{padding:0;accent-color:var(--primary)}.field>small{font-size:10px;color:var(--muted)}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(4,1fr)}.check{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.check input{accent-color:var(--primary)}.field-hint,.timer-note{margin:-8px 0 0;color:var(--muted);font-size:11px}.notice{padding:11px 14px;margin-top:14px;border-radius:9px;font-size:12px}.notice.error{color:#b04f62;background:#ffebef}.notice.success{color:#38835e;background:#e4f6e9}.file-list{display:flex;flex-direction:column;gap:6px}.file-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--soft);border-radius:8px;font-size:12px}.file-row small{margin-left:auto;color:var(--muted)}.file-type{font-family:DM Mono,monospace;color:var(--primary);font-size:9px}.page-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.page-preview{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--soft)}.page-preview img{width:100%;display:block}.page-preview div{display:flex;justify-content:space-between;padding:8px;color:var(--muted);font-size:10px;align-items:center}.page-preview button,.result-head button,.generated-row button,.notes-footer button,.todo-row button{border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:600}.big-textarea{min-height:220px;resize:vertical;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);padding:15px;outline:0;line-height:1.6;font-size:13px;width:100%}.big-textarea:focus,.split-editor textarea:focus,.notes-area:focus{border-color:var(--primary)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{padding:13px 10px;border-radius:10px;background:var(--soft);text-align:center}.stat strong{display:block;font-family:DM Mono,monospace;color:var(--primary);font-size:17px}.stat small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.split-editor{display:grid;grid-template-columns:1fr 1fr;gap:13px}.split-editor>textarea{min-height:290px;resize:vertical;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);padding:15px;outline:0;line-height:1.6}.markdown-preview{min-height:290px;border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--soft);overflow:auto;font-size:13px;line-height:1.6}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-family:DM Sans,sans-serif;margin:0 0 11px;font-size:21px}.markdown-preview p{margin:0 0 12px}.markdown-preview pre{background:var(--ink);color:var(--paper);padding:10px;border-radius:7px;overflow:auto}.diff-result{padding:15px;background:var(--soft);border:1px solid var(--line);border-radius:10px;line-height:2;font-size:13px}.diff-result .removed{color:#b04f62;text-decoration:line-through;background:#ffebef}.diff-result .added{color:#38835e;background:#e4f6e9}.tool-controls{display:flex;flex-direction:column;gap:15px}.result-panel{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--soft)}.result-head{display:flex;padding:10px 13px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.result-panel pre{padding:14px;margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.6;max-height:320px;overflow:auto}.generated-value{background:var(--ink);border-radius:11px;padding:17px;color:#fff;display:flex;align-items:center;gap:10px}.generated-value code{flex:1;overflow:auto;font-family:DM Mono,monospace;font-size:14px}.generated-value button{border:0;background:#ffffff29;color:#fff;border-radius:7px;padding:7px 10px;font-size:11px}.option-list{display:flex;flex-wrap:wrap;gap:14px}.generator-output{display:flex;flex-direction:column;gap:9px}.generated-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:9px}.generated-row span{width:24px;height:24px;border-radius:6px}.generated-row code{flex:1;font-family:DM Mono,monospace;font-size:13px}.qr-result{display:flex;flex-direction:column;align-items:center;gap:13px}.qr-result img{width:min(280px,100%);border-radius:10px}.palette-output{display:grid;grid-template-columns:repeat(5,1fr)}.palette-output .generated-row{flex-direction:column;align-items:stretch;padding:8px}.palette-output .generated-row span{width:100%;height:80px}.palette-output .generated-row button{align-self:flex-start}.palette-output code{font-size:10px}.calculation-result{color:var(--primary);background:var(--soft);padding:18px;border-radius:11px;font-family:DM Mono,monospace;font-size:13px;min-height:52px}.notes-area{width:100%;min-height:330px;resize:vertical;background:transparent;border:1px solid var(--line);border-radius:11px;outline:0;padding:17px;color:var(--ink);line-height:1.7;font-size:14px}.notes-footer{display:flex;gap:15px;align-items:center;color:var(--muted);font-size:10px}.notes-footer span{flex:1}.todo-add{display:flex;gap:8px}.todo-add input{flex:1}.todo-list{display:flex;flex-direction:column;gap:7px}.todo-row{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid var(--line);border-radius:9px}.todo-row label{display:flex;gap:9px;font-size:13px}.todo-row.done label{color:var(--muted);text-decoration:line-through}.todo-row input{accent-color:var(--primary)}.timer{padding:40px;border-radius:17px;background:#eaeaff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}.timer.break{background:#e3f5eb}.timer small{color:var(--primary);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em}.timer strong{font-family:DM Mono,monospace;color:var(--ink);font-size:61px;letter-spacing:-.08em}.timer-actions{display:flex;gap:8px}.fun-stage{display:flex;flex-direction:column;align-items:center;gap:20px}.fun-stage textarea{width:100%;min-height:145px;resize:vertical}.fun-result{color:var(--primary);font-size:25px;font-weight:600;letter-spacing:-.04em}.coin{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffe780,#d69e2a);border:8px solid #fff3b5;color:#8b6419;font-size:20px;font-weight:700;box-shadow:0 10px 30px #b4821e33}.coin.flipped{animation:flip .5s ease}@keyframes flip{50%{transform:rotateY(180deg) scale(.8)}}.info-page{padding-top:87px;padding-bottom:110px;max-width:940px}.info-page h1{font-size:clamp(45px,6vw,72px);max-width:760px}.info-lede{max-width:630px;color:var(--muted);font-size:18px;line-height:1.65;margin:29px 0 62px}.info-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-bottom:48px}.big-number{color:var(--primary);font-family:DM Mono,monospace;font-size:14px}.info-columns h3,.privacy-points h3{font-size:17px;margin:30px 0 10px;letter-spacing:-.04em}.info-columns p,.privacy-points p{color:var(--muted);font-size:13px;line-height:1.6}.privacy-points{border-top:1px solid var(--line);padding-top:12px;margin-bottom:44px}.privacy-points>div{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.privacy-points>div>span{width:42px;height:42px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:12px;font-size:22px}.privacy-points h3{margin:0 0 7px}.privacy-points p{margin:0;max-width:630px}.not-found{padding-top:130px;padding-bottom:160px}.not-found h1{font-size:48px;margin-top:20px}.site-footer{border-top:1px solid var(--line);padding:39px max(24px,calc((100% - 1120px)/2));display:flex;gap:25px;align-items:end;color:var(--muted)}.footer-brand{color:var(--ink)}.site-footer p{font-size:11px;margin:13px 0 0}.footer-links{display:flex;gap:5px;margin-left:auto}.site-footer>small{font-size:10px}.empty-state{border:1px dashed var(--line);background:var(--paper);color:var(--muted);padding:30px;text-align:center;border-radius:13px;font-size:13px}@media(max-width:900px){.featured-grid,.all-tools-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1fr .75fr;gap:15px}.hero-art{transform:scale(.82)}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.page-wrap,.header-inner{width:min(100% - 32px,560px)}.site-header{position:relative}.header-inner{min-height:68px}.mobile-menu{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:10px 16px 17px;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav>button{text-align:left}.nav-cta{margin:5px 0 0!important;text-align:center!important}.hero{display:block;padding-top:65px}.hero-copy{max-width:none}.hero-art{min-height:310px;margin-top:15px;transform:scale(.8)}.privacy-strip{justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:10px}.privacy-strip span:nth-last-child(-n+2),.privacy-separator{display:none}.section{padding:65px 0}.section-heading,.page-intro{align-items:flex-start;flex-direction:column}.section-heading .text-button{align-self:flex-start}.search-box{width:100%}.tool-grid,.featured-grid,.all-tools-grid,.related-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.closing-cta{flex-wrap:wrap;padding:25px;margin-top:45px;margin-bottom:60px}.closing-cta .button{width:100%}.tools-page{padding-top:52px}.page-intro h1{font-size:48px}.tool-page{padding-top:30px}.tool-heading{align-items:flex-start}.tool-heading h1{font-size:31px}.tool-workspace{padding:18px}.form-grid.two,.form-grid.four,.split-editor{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat:last-child{grid-column:span 3}.page-previews,.palette-output{grid-template-columns:repeat(2,1fr)}.info-page{padding-top:60px}.info-columns{grid-template-columns:1fr;gap:20px}.info-columns h3{margin-top:12px}.site-footer{flex-wrap:wrap;align-items:start;padding:32px 16px}.footer-links{margin-left:0;order:3;width:100%;padding-top:12px;border-top:1px solid var(--line)}.site-footer>small{margin-left:auto}.todo-add{flex-direction:column}.notes-footer{flex-wrap:wrap}.notes-footer span{width:100%;flex-basis:100%}.hero-actions{flex-wrap:wrap}}