@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26242b;background:#faf9f6;font-synthesis:none;--bg:#faf9f6;--surface:#fff;--ink:#26242b;--muted:#706d77;--line:#e4e1e8;--accent:#6651cd;--soft:#eeebf8;--secondary:#f1f0ec;--radius:14px;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em}img{max-width:100%}h1{font-size:clamp(40px,5vw,68px);font-weight:600}h2{font-size:32px;font-weight:550}h3{font-size:19px;font-weight:600}p{color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:64px;left:16px;z-index:30;background:var(--surface);padding:12px}.studio{position:sticky;top:0;z-index:20;min-height:54px;background:#28262f;color:#fff;display:flex;align-items:center;gap:20px;padding:8px 28px;font-size:12px;box-shadow:0 1px 0 #ffffff20}.studio-title{font-weight:600;letter-spacing:.01em}.studio-title span{margin-left:14px;color:#c2bfcb;font-weight:400}.concept-tabs{display:flex;gap:5px;margin:auto}.concept-tabs a{border-radius:7px;padding:6px 15px;color:#d6d2df;white-space:nowrap}.concept-tabs b{display:inline-grid;place-items:center;border:1px solid #ffffff35;border-radius:4px;width:20px;height:20px;font-size:11px;margin-right:7px}.concept-tabs a.selected{background:#fff;color:#24222b}.concept-tabs a.selected b{background:#eceaf3;border-color:transparent}.design-info{border:1px solid #74717c;width:23px;height:23px;border-radius:50%;font-family:Georgia,serif;font-style:italic}.page-frame{max-width:1800px;margin:auto}.site-header{height:80px;display:flex;align-items:center;gap:55px;max-width:1280px;margin:auto;padding:0 44px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:-.8px;font-size:22px;font-weight:750}.brand>span>span{color:#7461d7}.brand img{flex-shrink:0}.navigation{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}.navigation a{white-space:nowrap;color:var(--muted);padding:10px 0;position:relative}.navigation a:hover,.navigation a.active{color:var(--ink)}.navigation a.active:after{content:"";position:absolute;bottom:1px;left:0;width:18px;height:2px;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:13px;white-space:nowrap}.theme-toggle{padding:5px;font-size:22px;line-height:1}.saved-link span{display:inline-block;margin-left:6px;color:var(--muted)}.mobile-toggle{display:none}.content{max-width:1280px;padding:0 44px;margin:auto}.intro{font-size:13px;letter-spacing:.02em;color:var(--accent);display:block;margin-bottom:20px}.hero-a{padding:57px 0 26px;text-align:center}.hero-a h1{font-size:clamp(52px,5.7vw,78px);line-height:1.06;font-weight:570;letter-spacing:-.062em}.hero-a em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.06em;line-height:1.2}.hero-a>p{max-width:520px;margin:20px auto 28px;font-size:16px;line-height:1.65}.search{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px;gap:15px;min-width:0}.search-large{max-width:730px;margin:auto;padding:9px 9px 9px 23px;border-radius:14px;box-shadow:0 5px 14px #28203305}.search input{border:0;outline:0;min-width:0;flex:1;background:transparent;padding:10px 0;font-size:14px}.search input::placeholder{color:var(--muted)}.search button,.button{background:var(--ink);color:var(--bg);padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:600;border-radius:8px;white-space:nowrap;transition:transform .18s,background .18s}.search button:hover,.button:hover{background:var(--accent);color:white;transform:translateY(-1px)}.search-glyph{width:16px;height:16px;border:1.5px solid var(--muted);border-radius:50%;position:relative;flex-shrink:0;margin:0 5px}.search-glyph:after{content:"";position:absolute;width:6px;height:1.5px;background:var(--muted);right:-5px;bottom:-2px;transform:rotate(45deg)}.shortcuts{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;padding:0 0 48px}.shortcuts>span{color:var(--muted)}.shortcuts a{color:var(--ink)}.shortcuts a span{margin-left:9px;color:var(--muted)}.paths{display:grid;grid-template-columns:1fr 1.3fr;overflow:hidden;border:1px solid var(--line);border-radius:17px;margin-top:0}.paths a{padding:31px 32px;position:relative;overflow:hidden;transition:background .25s}.path-main{background:var(--soft)}.path-no{font-size:10px;letter-spacing:.1em;color:var(--muted)}.paths h2{font-size:28px;letter-spacing:-.045em;margin:20px 0 13px;line-height:1.12}.paths p{font-size:13px;max-width:235px}.path-action{display:block;margin-top:27px;font-size:12px;font-weight:600}.path-action b{float:right;font-size:18px;font-weight:400}.path-other{display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.path-other>a{border-left:1px solid var(--line)}.path-other>a:hover{background:var(--secondary)}.mini-logos{display:flex;position:absolute;right:35px;top:30px;gap:0}.mini-logos .product-logo{width:30px;height:30px;border:3px solid var(--soft);margin-left:-7px;font-size:13px}.product-logo{width:44px;height:44px;border-radius:11px;display:inline-grid;place-items:center;background:#fff;border:1px solid #eee;flex-shrink:0;overflow:hidden}.product-logo img{width:73%;height:73%;object-fit:contain}.product-logo.letter{font-size:23px;font-family:var(--serif);color:#3d384d}.product-logo.type-free{font-family:inherit;font-size:12px;font-weight:750;letter-spacing:-.4px;background:#f0f1ed;color:#525846;border-color:#e5e8dc}.picks{padding:66px 0 0}.section-heading{margin:0 0 25px}.section-heading h2{margin-bottom:10px}.section-heading p{font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.tool-card{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s}.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-3px);box-shadow:0 10px 24px #25212f07}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.save{display:grid;place-items:center;width:30px;height:30px;font-size:22px;font-weight:300;border-radius:50%;color:var(--muted);flex-shrink:0}.save:hover,.save.is-saved{background:var(--soft);color:var(--accent)}.save.is-saved{font-size:16px}.tool-card h3{font-size:18px;margin-bottom:9px}.tool-card p{font-size:13px;line-height:1.7;min-height:45px}.card-foot{margin-top:22px;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.card-foot>span:not(.kind){color:var(--muted);overflow:hidden;text-overflow:ellipsis}.card-foot>a{margin-left:auto;font-size:17px}.kind{font-size:10px;color:var(--accent);background:var(--soft);border-radius:4px;padding:4px 7px;display:inline-block;font-weight:550;white-space:nowrap}.kind-free{background:#eff2e9;color:#54633e}.kind-apps{background:#f3ede5;color:#876546}.swap-section{padding:70px 0 15px}.swap-section>.section-heading h2{font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:-.04em}.swap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.swap{padding:27px 26px 26px 0;min-width:0}.swap+.swap{border-left:1px solid var(--line);padding-left:26px}.swap>div{display:flex;align-items:center;gap:16px;margin-bottom:22px}.swap>div>span{font-size:11px;color:var(--muted)}.swap>div>span b{margin-left:7px}.avatar-stack{display:flex}.avatar-stack .product-logo{width:33px;height:33px;border-radius:50%;margin-left:-8px;box-shadow:0 0 0 3px var(--bg)}.swap h3{font-size:17px;margin-bottom:10px}.swap>span{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:75px;min-height:110px;display:flex;align-items:center;gap:26px;font-size:12px}footer p{margin:auto}footer .brand{font-size:18px}footer .brand img{width:24px}.breadcrumb{display:flex;flex-wrap:wrap;gap:13px;padding:24px 0 32px;font-size:12px;color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.listing-head{padding:15px 0 38px}.listing-head h1{font-size:clamp(38px,4.5vw,58px);margin-bottom:18px;line-height:1.13}.listing-head p{font-size:15px;max-width:620px;margin-bottom:25px}.listing-head .search{max-width:700px}.listing-layout{display:grid;grid-template-columns:190px 1fr;gap:42px;padding-top:28px;border-top:1px solid var(--line)}.filters h3{font-size:13px;margin-bottom:20px;letter-spacing:0}.filters button{width:100%;display:flex;justify-content:space-between;text-align:left;font-size:13px;padding:11px 13px;border-radius:7px;color:var(--muted)}.filters button span{opacity:0}.filters button.active{background:var(--soft);color:var(--accent)}.filters button.active span{opacity:1}.filters p{font-size:11px;margin-top:26px;line-height:1.7}.listing-results .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--muted);font-size:12px}.result-toolbar select{border:0;background:var(--surface);padding:7px 12px;border-radius:4px;margin-left:5px}.empty{padding:65px 25px;text-align:center;grid-column:1/-1;border:1px dashed var(--line);border-radius:12px}.empty h2{font-size:25px}.empty p{margin:15px 0 25px;font-size:14px}.tool-row{display:flex;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);min-width:0}.tool-row>.product-logo{width:39px;height:39px}.row-number{color:var(--muted);font-size:11px}.tool-row h3{font-size:15px;margin-bottom:6px}.tool-row p{font-size:12px}.tool-row>a:not(.row-arrow){flex:1;min-width:0}.row-category{font-size:11px;color:var(--muted)}.row-arrow{font-size:19px}.detail-hero{display:flex;align-items:center;gap:25px;padding:18px 0 40px}.detail-hero>.product-logo{width:84px;height:84px;border-radius:22px}.detail-hero h1{font-size:46px;margin:12px 0;line-height:1.1}.detail-hero p{font-size:16px}.detail-hero>.save{margin-left:auto;border:1px solid var(--line);width:42px;height:42px}.detail-nav{display:flex;gap:30px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.detail-nav>a:first-child{color:var(--accent)}.detail-nav>a:last-child{margin-left:auto;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;padding-top:36px}.detail-preview{width:100%;aspect-ratio:1.8;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:var(--secondary)}.overview-copy{padding-top:30px}.overview-copy h2,.how h2{font-size:26px;margin-bottom:18px}.overview-copy p{max-width:65ch;line-height:1.8;font-size:15px}.text-link{display:inline-block;margin-top:22px;font-size:13px;color:var(--accent)}.detail-aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;align-self:start}.detail-aside h3{font-size:17px;margin-bottom:24px}.detail-aside dl{margin:0 0 22px;font-size:12px}.detail-aside dl div{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.detail-aside dt{color:var(--muted)}.detail-aside dd{margin:0;text-align:right}.detail-aside .button{width:100%;padding-inline:10px;font-size:12px}.cross-link{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.cross-link>span{font-size:11px;color:var(--muted)}.cross-link h4{font-size:19px;line-height:1.4;margin:12px 0 18px}.cross-link>a{font-size:12px;color:var(--accent)}.related{padding-top:66px}.related h2{margin-bottom:25px}.related .card-grid{grid-template-columns:repeat(3,1fr)}.workbench{border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:15px;background:var(--soft);text-align:center;padding:47px 20px}.workbench h2{font-size:26px;margin:24px 0 13px}.workbench p{font-size:14px;margin-bottom:25px}.workbench small{display:block;color:var(--muted);font-size:11px;margin-top:15px}.file-symbol{display:inline-grid;place-items:center;width:62px;height:77px;background:var(--surface);border:1px solid var(--line);border-radius:5px 15px 5px 5px;font-size:17px;font-weight:650;color:var(--accent)}.how{padding-top:35px}.how ol{list-style:none;padding:0}.how li{font-size:14px;margin-bottom:17px;display:flex;gap:18px}.how li b{color:var(--accent);font-size:11px}.alternative-heading h2{font-size:27px;margin-bottom:12px}.alternative-heading p{font-size:13px;margin-bottom:28px}.alternative-list article{display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.alternative-list article>div{flex:1}.alternative-list article>div>span{display:none}.alternative-list h3{font-size:18px;margin-bottom:6px}.alternative-list p{font-size:12px}.alternative-list article>a{font-size:12px;color:var(--accent)}#notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:30;opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:17px 25px;border-radius:12px;max-width:calc(100% - 32px);width:max-content;font-size:13px;transition:opacity .2s,transform .2s}#notice.show{opacity:1;transform:translate(-50%,0)}
/* B: persistent navigation and compact working surface. */
body[data-concept=b]{--bg:#f6f7f5;--surface:#fff;--ink:#23362f;--muted:#748077;--accent:#327457;--soft:#e8f0e8;--line:#dfe5df;--secondary:#eef2eb;--radius:10px}.sidebar{position:fixed;top:54px;bottom:0;width:218px;padding:35px 22px 22px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}.sidebar .brand{font-size:23px;margin-bottom:47px}.side-label{font-size:9px;letter-spacing:.09em;color:var(--muted);font-weight:600;display:block;margin:0 0 16px 12px}.sidebar .navigation{display:block}.sidebar .navigation a{display:block;padding:12px 14px;border-radius:7px;font-size:13px;margin-bottom:4px}.sidebar .navigation a.active{background:var(--soft);color:var(--accent)}.sidebar .navigation a.active:after{display:none}.saved-nav{font-size:13px;padding:12px 14px;display:flex;justify-content:space-between;margin:15px 0 35px;border-top:1px solid var(--line)}.saved-nav span{color:var(--muted)}.side-topics>a{display:flex;justify-content:space-between;padding:8px 14px;font-size:12px;color:var(--muted)}.side-bottom{margin-top:auto;padding:20px 12px 0}.side-bottom>p{font-size:18px;line-height:1.3;letter-spacing:-.035em;color:var(--ink)}.side-bottom>span{display:block;font-size:11px;margin-top:12px;color:var(--muted);line-height:1.7}.side-bottom .theme-toggle{font-size:12px;margin-top:24px}.sidebar~.content{margin-left:218px;max-width:none;padding:0 42px}.desk-top{display:flex;justify-content:space-between;align-items:center;height:70px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.hero-b{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;padding:40px 0 30px}.hero-b .intro{font-size:12px;margin-bottom:15px}.hero-b h1{font-size:48px;letter-spacing:-.05em;line-height:1.08}.hero-b p{font-size:13px;max-width:280px;margin-top:15px}.desk-summary{padding:22px 24px;background:var(--soft);border-radius:12px}.desk-summary>span{font-size:11px;color:var(--accent)}.desk-summary>a{display:flex;align-items:center;gap:13px;padding-top:19px;font-size:12px}.desk-summary>a>div{flex:1}.desk-summary small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.desk-summary .product-logo{width:33px;height:37px;font-size:10px}.sidebar~.content>.search-large{max-width:none;box-shadow:none;border-radius:9px;padding:5px 6px 5px 17px}.sidebar~.content>.search button{padding:10px 25px;background:var(--accent);color:#fff}.desk-tabs{display:flex;gap:28px;margin:32px 0 28px;border-bottom:1px solid var(--line)}.desk-tabs button{font-size:12px;color:var(--muted);padding:0 0 13px;border-bottom:2px solid transparent}.desk-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.desk-columns{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px}.list-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.list-title h2{font-size:18px;letter-spacing:-.03em}.list-title>span{font-size:10px;color:var(--muted)}.desk-list .tool-row{gap:13px;padding:19px 0}.desk-list .row-number,.desk-list .row-category,.desk-list .save{display:none}.desk-list .tool-row h3{font-size:14px}.desk-list .tool-row p{font-size:11px}.desk-list .row-arrow{font-size:17px}.desk-aside{background:var(--surface);border:1px solid var(--line);padding:23px;border-radius:10px;align-self:start}.desk-aside h2{font-size:21px;line-height:1.2}.desk-aside p{font-size:12px;margin:14px 0 20px;line-height:1.7}.desk-aside>a:not(.all-link){display:flex;align-items:center;gap:12px;margin:19px 0}.desk-aside .product-logo{width:30px;height:30px;border-radius:7px}.desk-aside>a>div{flex:1;font-size:12px}.desk-aside small{display:block;color:var(--muted);font-size:10px}.all-link{font-size:11px;display:block;border-top:1px solid var(--line);padding-top:20px;color:var(--accent)}body[data-concept=b] .listing-head h1{font-size:46px}body[data-concept=b] .listing-layout{grid-template-columns:145px 1fr;gap:25px}body[data-concept=b] .detail-layout{grid-template-columns:minmax(0,1fr) 255px;gap:30px}body[data-concept=b] .detail-hero h1{font-size:38px}body[data-concept=b] footer p{font-size:11px}
/* C: editorial hierarchy, warm paper and a visual lead story. */
body[data-concept=c]{--bg:#f4f0e8;--surface:#faf7f1;--ink:#302923;--muted:#847970;--accent:#9b432d;--soft:#efe1d6;--line:#d9d1c5;--secondary:#ece6da;--radius:2px}.hero-c{padding:25px 0 40px}.edition{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-c h1{font-family:var(--serif);font-size:clamp(48px,6.6vw,91px);font-weight:400;letter-spacing:-.058em;line-height:1.04;margin:28px 0}.hero-c h1 em{font-weight:400;color:var(--accent)}.editorial-intro{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:85px;padding-top:8px}.editorial-intro p{font-size:14px;max-width:350px;line-height:1.8}.editorial-intro .search{background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:5px 0}.editorial-intro .search button{background:none;color:var(--accent);padding-right:0}.editorial-intro .search-glyph{display:none}.editorial-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;padding-top:10px}.feature-image{position:relative;aspect-ratio:1.37;overflow:hidden;background:#433a37}.feature-image>img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.6);transition:transform .6s}.feature-story:hover .feature-image>img{transform:scale(1.025)}.image-word{position:absolute;bottom:28px;left:32px;color:#fff;font-family:var(--serif);font-size:60px;line-height:.99;letter-spacing:-.05em}.story-caption{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:22px 0}.story-caption>span:first-child{font-size:9px;letter-spacing:.09em;color:var(--accent);width:100%}.story-caption>h2{font-family:var(--serif);font-size:28px;font-weight:400}.story-caption>span:last-child{font-size:11px;margin-left:auto}.editorial-side{display:grid;grid-template-rows:1fr 1fr}.editorial-side>a{position:relative;padding:23px 0 26px 40px;border-left:1px solid var(--line)}.editorial-side>a:first-child{padding-top:0;border-bottom:1px solid var(--line)}.story-index{position:absolute;right:0;top:0;font-family:var(--serif);font-size:36px;color:var(--line)}.editorial-side>a:nth-child(2) .story-index{top:25px}.editorial-side h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.1}.editorial-side p{font-size:12px;line-height:1.7;margin:15px 0}.editorial-side b{font-size:11px;font-weight:500;color:var(--accent)}.type-samples{display:flex;gap:8px;margin:17px 0}.type-samples span{width:35px;height:40px;display:grid;place-items:center;border:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--surface)}.editorial-apps{display:flex;gap:15px;margin:23px 0}.editorial-apps .product-logo{width:34px;height:34px;border-radius:7px}.editorial-picks{padding-top:62px}.editorial-picks>h2{font-family:var(--serif);font-weight:400;font-size:38px;padding-bottom:20px;border-bottom:1px solid var(--line)}.editorial-rows .tool-row{padding:25px 0}.editorial-rows .row-number{font-family:var(--serif);font-size:21px;width:30px}.editorial-rows .tool-row h3{font-family:var(--serif);font-size:23px;font-weight:400}body[data-concept=c] .listing-head h1,body[data-concept=c] .detail-hero h1{font-family:var(--serif);font-weight:400}body[data-concept=c] .tool-card{background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line);padding:24px 8px}body[data-concept=c] .tool-card h3{font-family:var(--serif);font-size:23px;font-weight:400}body[data-concept=c] .search{border-radius:2px}body[data-concept=c] .button{border-radius:2px}body[data-concept=c] .detail-preview{border-radius:2px}body[data-concept=c] .workbench{border-radius:2px}body[data-concept=c] .navigation a.active:after{width:100%}
/* Token-based dark variants; studio chrome stays distinct from the prototype. */
body[data-theme=dark]{--bg:#1d1c21;--surface:#26252c;--ink:#efedf4;--muted:#b0abb9;--line:#3b3844;--accent:#b5a5ff;--soft:#332d45;--secondary:#2c2a34}body[data-concept=b][data-theme=dark]{--bg:#1b2420;--surface:#232e27;--ink:#edf1eb;--muted:#a4b4a7;--line:#38463c;--accent:#a8d6b8;--soft:#2f4235;--secondary:#2c392e}body[data-concept=c][data-theme=dark]{--bg:#27231f;--surface:#322b25;--ink:#f1e9dd;--muted:#b9a99b;--line:#4c4036;--accent:#e9a084;--soft:#46342c;--secondary:#3a3028}body[data-theme=dark] .product-logo.type-free{background:#334036;color:#c7d6be;border-color:#495444}body[data-theme=dark] .kind-free{background:#334036;color:#c7d6be}body[data-theme=dark] .kind-apps{background:#473b31;color:#dbc4ae}
@media(min-width:1600px){body[data-concept=b] .page-frame{max-width:1500px}.sidebar{width:235px}.sidebar~.content{margin-left:235px;padding-inline:55px}.hero-b{padding-top:55px}.hero-b h1{font-size:58px}.desk-columns{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.studio-title span{display:none}.site-header{gap:30px;padding-inline:30px}.navigation{gap:17px;font-size:12px}.content{padding-inline:30px}.header-actions{gap:12px}.paths{grid-template-columns:1fr 1.45fr}.paths a{padding:27px 22px}.mini-logos{right:20px}.mini-logos .product-logo{width:25px;height:25px}.paths h2{font-size:24px}.card-grid{gap:12px}.tool-card{padding:19px}.card-foot>span:not(.kind){display:none}.sidebar{width:185px;padding-inline:16px}.sidebar~.content{margin-left:185px;padding-inline:28px}.hero-b h1{font-size:40px}.hero-b{gap:20px}.desk-summary{padding:20px 17px}.desk-columns{grid-template-columns:minmax(0,1fr) 225px;gap:22px}.desk-aside{padding:18px}.desk-list .kind{display:none}.listing-results .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.editorial-intro{gap:35px}.editorial-feature{gap:28px}.editorial-side>a{padding-left:28px}.swap>div{gap:12px}.avatar-stack .product-logo{width:29px;height:29px}}
@media(max-width:900px){.site-header{height:72px;gap:20px}.navigation{gap:13px;font-size:11px}.saved-link{display:none}.header-actions{margin-left:auto}.brand{font-size:20px}.studio{padding-inline:15px;gap:10px}.studio-title{font-size:10px}.concept-tabs a{padding:5px 8px;font-size:11px}.concept-tabs b{margin-right:4px}.design-info{display:none}.hero-a{padding-top:45px}.hero-a h1{font-size:64px}.paths{grid-template-columns:1fr}.path-main{padding-bottom:28px!important}.path-main h2 br{display:none}.path-main .mini-logos{top:35px;right:30px}.path-main .mini-logos .product-logo{width:40px;height:40px}.path-main p{max-width:100%}.path-main .path-action{max-width:250px}.path-other>a{border-top:1px solid var(--line)}.path-other>a:first-child{border-left:0}.card-grid{grid-template-columns:repeat(2,1fr)}.swap-grid{grid-template-columns:1fr}.swap{padding:22px 0!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 25px}.swap+.swap{border-left:0;border-top:1px solid var(--line)}.swap>div{grid-row:span 2;margin:0}.swap>span{font-size:11px}.sidebar{width:165px;padding-inline:10px}.sidebar .brand{font-size:20px;gap:6px}.sidebar .navigation a{font-size:11px;padding:11px 10px}.side-label{font-size:8px}.sidebar~.content{margin-left:165px;padding-inline:24px}.hero-b{grid-template-columns:1fr}.hero-b h1 br{display:none}.hero-b p{max-width:100%}.desk-summary{display:none}.desk-columns{grid-template-columns:1fr}.desk-aside{display:none}.desk-list .kind{display:block}.desk-tabs{gap:18px}.desk-tabs button{font-size:11px}.list-title>span{display:none}.detail-layout,body[data-concept=b] .detail-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.detail-aside dl{grid-row:span 2;margin:0}.detail-aside h3{margin:0}.cross-link{grid-column:1/-1}.detail-hero h1{font-size:35px}.detail-nav{gap:22px;font-size:11px}.listing-layout{grid-template-columns:150px 1fr;gap:23px}.editorial-feature{grid-template-columns:1fr 1fr;gap:25px}.editorial-side h2{font-size:25px}.feature-image{height:100%;min-height:400px;aspect-ratio:auto}.image-word{font-size:47px;left:22px}.story-caption{display:block}.story-caption h2{margin:10px 0}.editorial-side>a{padding-left:25px}.story-index{display:none}footer{flex-wrap:wrap;gap:15px;padding-block:25px}footer p{margin-left:auto}footer>a:last-child{margin-left:auto}body[data-concept=b] footer p{display:none}}
@media(max-width:640px){.studio{min-height:83px;flex-wrap:wrap;justify-content:center;padding:7px 10px;gap:3px}.studio-title{width:100%;text-align:center;font-size:9px;letter-spacing:.03em}.studio-title span{display:inline;font-size:9px}.concept-tabs{margin:0;gap:4px}.concept-tabs a{font-size:10px;padding:5px 8px}.concept-tabs b{width:17px;height:17px;font-size:9px}.site-header{height:69px;padding:0 20px;border-bottom:1px solid var(--line)}.brand{font-size:21px}.site-header .navigation{display:none}.mobile-toggle{display:block;font-size:20px}.site-header .navigation.expanded{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:152px;background:var(--surface);border-bottom:1px solid var(--line);padding:20px;z-index:15;font-size:14px;gap:5px}.site-header .navigation a.active:after{display:none}.content{padding-inline:20px}.hero-a{padding:37px 0 23px}.hero-a .intro{font-size:11px;margin-bottom:19px}.hero-a h1{font-size:50px;line-height:1.07}.hero-a>p{font-size:13px;max-width:310px;margin:18px auto 24px}.search-large{padding:6px 6px 6px 12px;gap:8px;border-radius:10px}.search input{font-size:11px;padding:11px 0}.search button{padding:12px;font-size:11px;gap:10px}.search-glyph{width:12px;height:12px;margin-right:3px}.shortcuts{gap:14px;font-size:10px;justify-content:flex-start;overflow-x:auto;padding-bottom:30px}.shortcuts>span{display:none}.shortcuts a{white-space:nowrap}.paths{border-radius:12px}.paths a{padding:25px 21px}.paths h2{font-size:23px}.path-main h2 br{display:block}.path-main .mini-logos{right:23px;top:35px;flex-direction:column;gap:6px}.path-main .mini-logos .product-logo{width:30px;height:30px}.path-main p{max-width:215px}.path-main .path-action{max-width:100%}.path-other a{padding:22px 16px}.path-other h2{font-size:22px}.path-other p{font-size:11px;line-height:1.65}.path-no{font-size:8px}.path-action{font-size:10px;line-height:1.5;margin-top:23px}.path-action b{font-size:15px}.picks,.swap-section,.editorial-picks{padding-top:43px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.card-grid{gap:10px}.tool-card{padding:17px 14px}.card-top{margin-bottom:18px}.product-logo{width:37px;height:37px;border-radius:9px}.tool-card h3{font-size:16px}.tool-card p{font-size:11px;min-height:54px}.card-foot{margin-top:15px;gap:4px}.kind{font-size:8px;padding:3px 5px}.card-foot>a{font-size:15px}.save{width:26px;height:26px;font-size:19px}.swap-section>.section-heading h2{font-size:32px}.swap{gap:0 10px}.swap>div{gap:9px}.swap .product-logo{width:31px;height:31px}.swap .avatar-stack .product-logo{width:25px;height:25px}.swap>div>span{font-size:9px}.swap>div>span b{display:none}.swap h3{font-size:14px;line-height:1.3}.swap>span{font-size:10px}footer{margin-top:42px;font-size:10px;min-height:auto;gap:15px}footer .brand{font-size:17px}footer p{display:none}.breadcrumb{padding:20px 0 23px;font-size:10px;gap:9px}.listing-head{padding:12px 0 28px}.listing-head .intro{font-size:11px;margin-bottom:14px}.listing-head h1,body[data-concept=b] .listing-head h1{font-size:36px}.listing-head p{font-size:13px;margin-bottom:20px}.listing-head .search{gap:7px}.listing-layout,body[data-concept=b] .listing-layout{display:block;padding-top:20px}.filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:19px;margin-bottom:10px}.filters h3,.filters p{display:none}.filters button{font-size:11px;white-space:nowrap;flex-shrink:0;width:auto;padding:7px 12px;border:1px solid var(--line)}.filters button span{display:none}.result-toolbar{font-size:10px;margin-bottom:15px}.result-toolbar select{padding:5px}.listing-results .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-row{gap:11px;padding:17px 0}.tool-row .row-number,.tool-row .row-category{display:none}.tool-row h3{font-size:14px}.tool-row p{font-size:10px}.tool-row .kind{display:none}.tool-row .save{display:none}.tool-row>.product-logo{width:34px;height:34px}.detail-hero{gap:14px;align-items:flex-start;padding:10px 0 25px}.detail-hero>.product-logo{width:54px;height:54px;border-radius:14px}.detail-hero h1,body[data-concept=b] .detail-hero h1{font-size:29px;margin:8px 0 10px}.detail-hero p{font-size:12px}.detail-hero>.save{width:29px;height:29px}.detail-nav{gap:18px;flex-wrap:wrap;font-size:10px;padding:15px 0}.detail-nav>a:last-child{margin:0}.detail-layout{padding-top:25px;gap:25px}.detail-aside{padding:20px;gap:15px}.detail-aside h3{font-size:16px}.detail-aside .button{font-size:10px;white-space:normal}.detail-aside dl{font-size:10px}.cross-link h4{font-size:17px}.related{padding-top:40px}.related>h2{font-size:26px}.related .card-grid{grid-template-columns:1fr}.related .tool-card{display:grid;grid-template-columns:48px 1fr;gap:4px 15px}.related .card-top{grid-row:span 3;display:block;margin:0}.related .card-top .save{margin-top:8px}.related .tool-card p{min-height:auto}.related .card-foot{margin-top:8px}.overview-copy h2,.how h2,.alternative-heading h2{font-size:24px}.overview-copy p{font-size:13px}.alternative-list article{gap:12px}.alternative-list h3{font-size:16px}.alternative-list article>a{font-size:10px;max-width:80px;text-align:right}.workbench{padding:30px 15px}.workbench h2{font-size:25px}.workbench p{font-size:12px}.workbench .button{font-size:12px}.how li{font-size:12px}.sidebar{position:static;width:100%;height:auto;display:block;padding:18px 20px 0;border:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 18px;font-size:22px}.sidebar>.side-label,.side-topics,.side-bottom,.saved-nav{display:none}.sidebar .navigation{display:flex;overflow-x:auto;gap:15px;padding-bottom:13px}.sidebar .navigation a{font-size:10px;padding:7px 10px;white-space:nowrap;margin:0}.sidebar~.content{margin:0;padding-inline:20px}.desk-top{height:45px;font-size:9px}.hero-b{padding:29px 0 25px}.hero-b h1{font-size:36px;max-width:300px}.hero-b h1 br{display:block}.hero-b p{font-size:12px;max-width:280px}.hero-b .intro{font-size:10px}.desk-tabs{gap:18px;overflow-x:auto;margin:24px 0}.desk-tabs button{font-size:10px;white-space:nowrap;padding-bottom:10px}.list-title h2{font-size:18px}.desk-list .tool-row{padding:19px 0}.desk-list .kind{display:none}.hero-c{padding-top:12px;padding-bottom:29px}.edition{font-size:7px;letter-spacing:.06em;padding:12px 0}.edition>span:last-child{display:none}.hero-c h1{font-size:49px;line-height:1.05;margin:23px 0}.editorial-intro{grid-template-columns:1fr;gap:18px}.editorial-intro p{font-size:12px;max-width:280px}.editorial-intro .search input{font-size:11px}.editorial-feature{grid-template-columns:1fr;gap:25px;padding:0}.feature-image{height:auto;min-height:0;aspect-ratio:1.15}.image-word{font-size:53px;bottom:25px;left:25px}.story-caption{padding:19px 0 5px}.story-caption h2{font-size:27px;max-width:240px}.editorial-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-side>a,.editorial-side>a:first-child{padding:23px 17px 23px 0;border:0}.editorial-side>a:nth-child(2){padding-left:17px;border-left:1px solid var(--line)}.editorial-side h2{font-size:24px}.editorial-side p{font-size:10px}.editorial-side b{font-size:10px}.editorial-apps{gap:7px;flex-wrap:wrap;margin:20px 0}.editorial-apps .product-logo{width:27px;height:27px}.type-samples{gap:6px}.type-samples span{width:28px;height:33px;font-size:8px}.editorial-picks>h2{font-size:33px}.editorial-rows .tool-row{padding:19px 0}.editorial-rows .tool-row h3{font-size:21px}body[data-concept=c] .tool-card h3{font-size:22px}body[data-concept=c] .tool-card{padding:20px 5px}}
@media(prefers-reduced-motion:no-preference){.hero-a,.hero-b,.hero-c,.listing-head,.detail-hero{animation:arrive .4s ease-out both}@keyframes arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}