body[data-concept=b] .studio{justify-content:space-between;font-size:12px;min-height:44px}
body[data-concept=b] .sidebar{top:44px}
body[data-concept=b] .sidebar .brand{margin-bottom:22px}
.preferences{display:grid;gap:10px;margin:0 0 26px;width:100%}
.preferences>div{display:flex;gap:4px;padding:4px;background:var(--soft);border-radius:8px}
.preferences button{font-size:12px;padding:9px 8px;flex:1;border-radius:5px}
.preferences button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0001}
.navigation a{display:flex;align-items:center;justify-content:space-between;gap:5px}
.navigation small{font-size:9px;opacity:.8}
.catalog-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:25px 0}
.catalog-controls label{display:grid;gap:7px;font-size:12px;min-width:150px;flex:1}
.catalog-controls select{width:100%;max-width:100%;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:7px}
.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:32px 0;font-size:13px}
.pagination button{padding:11px 18px;background:var(--surface);border:1px solid var(--line);border-radius:7px}
button:disabled{opacity:.4;cursor:default}
body[data-concept=b] .tool-row .item-link{flex:1;min-width:0}
body[data-concept=b] .tool-row h3{overflow-wrap:anywhere}
body[data-concept=b] .tool-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tool-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:12px}
body[data-concept=b] .desk-tabs a{padding:10px 16px;font-size:12px;white-space:nowrap;border-radius:6px}
.desk-tabs a:hover{background:var(--surface)}
.full-description{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}
body[data-concept=b] .detail-hero h1{font-size:clamp(30px,4vw,52px);overflow-wrap:anywhere}
body[data-concept=b] .detail-hero>div{min-width:0}
body[data-concept=b] .detail-aside .text-link{display:block;margin-top:20px;font-size:12px}
.detail-aside dd{overflow-wrap:anywhere}
.loading{padding:70px 0}
.live-tool{margin-top:32px}.live-tool h2{font-size:26px}.live-tool>p{margin:16px 0;font-size:13px}
#tool-frame{display:block;width:100%;height:540px;border:1px solid var(--line);border-radius:12px;margin-top:20px;background:var(--surface)}
body[data-concept=b][data-theme=dark] .search button{background:var(--accent);color:#193528}
body[data-concept=b][data-theme=dark] .detail-aside .button{background:var(--accent);color:#193528}
.overview-copy{margin-bottom:24px}
@media(max-width:900px){.navigation small{display:none}.catalog-controls label{min-width:120px}.preferences button{font-size:11px}}
@media(max-width:640px){body[data-concept=b] .studio{padding:10px 15px;font-size:10px;gap:10px}body[data-concept=b] .sidebar{gap:0}body[data-concept=b] .sidebar .brand{margin:0 0 16px}.preferences{display:flex;margin:0 0 6px;gap:10px}.preferences>div{flex:1}.preferences button{font-size:12px}body[data-concept=b] .sidebar .navigation{padding-top:5px}body[data-concept=b] .sidebar .saved-nav{display:block;width:100%;padding:13px 3px;margin:0;border:0;font-size:12px}body[data-concept=b] .sidebar .saved-nav span{float:right}.catalog-controls{gap:12px}.catalog-controls label{min-width:100%;max-width:100%}body[data-concept=b] .desk-tabs a{padding:10px 8px;flex:1;text-align:center;font-size:11px}.pagination{gap:12px}.pagination button{padding:11px 13px}.detail-hero{flex-wrap:wrap}.detail-hero>div{flex:1;min-width:200px}.detail-hero>.save{margin-left:auto}.desk-welcome h1{font-size:37px}}
body[data-concept=b] .sidebar .navigation a{display:flex;justify-content:space-between;gap:12px}
body[data-concept=b] .product-logo.letter{font-family:inherit;font-size:12px;font-weight:600;background:var(--soft);color:var(--accent)}
.overview-copy details{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.overview-copy summary{cursor:pointer;font-weight:600}.overview-copy details p{margin-top:12px}
/* Compact preferences and a dedicated mobile application shell. */
.app-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 27px}
.icon-control{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);flex-shrink:0}
.preference-trigger{display:flex;align-items:center;justify-content:center;gap:12px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);font-size:11px;font-weight:600;letter-spacing:.04em}
.icon-control:hover,.preference-trigger:hover{background:var(--soft)}
.app-actions button:active,.app-bottom-nav a:active{transform:scale(.96)}
.app-bottom-nav{display:none}
.settings-open{overflow:hidden}
#preferences-dialog{width:400px;max-width:calc(100% - 32px);padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #14251c30}
#preferences-dialog::backdrop{background:#10201965;backdrop-filter:blur(5px)}
.preferences-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.preferences-heading>div>span{font-size:11px;color:var(--muted)}
.preferences-heading h2{font-size:28px;margin-top:6px;letter-spacing:-.9px}
#preferences-dialog>p{font-size:13px;line-height:1.7;margin-top:17px;max-width:290px}
.preference-section{margin-top:26px}
.preference-section h3{font-size:12px;font-weight:600;margin-bottom:12px;letter-spacing:0}
.language-options{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.language-options button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:14px 16px;font-size:14px}
.language-options button+button{border-top:1px solid var(--line)}
.language-options button[aria-pressed=true]{background:var(--soft)}
.language-options small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.option-check{font-size:11px;color:var(--accent)}
.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.appearance-options button{padding:7px;border:1px solid var(--line);border-radius:12px;text-align:left}
.appearance-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.appearance-options button>span:last-child{display:flex;justify-content:space-between;padding:9px 5px 3px;font-size:12px}
.theme-sample{display:grid;height:65px;grid-template-columns:24px 1fr;gap:6px;padding:10px;border-radius:7px}
.sample-light{background:#f1f4ef}.sample-dark{background:#1b2420}
.theme-sample i{display:block;border-radius:3px;background:#d9e4d9}
.theme-sample i:first-child{grid-row:span 2}.sample-dark i{background:#35473c}.theme-sample i:last-child{width:68%}
.preferences-done{margin-top:26px;width:100%;background:var(--accent);color:var(--surface);padding:14px;border-radius:12px;font-size:13px;font-weight:600}
body[data-theme=dark] .preferences-done{color:#193528}
.sheet-handle{display:none}
@media(max-width:760px){
 body[data-concept=b] .studio{display:none}
 body[data-concept=b] .sidebar{position:sticky;top:0;z-index:20;width:100%;height:72px;padding:12px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:var(--bg)}
 body[data-concept=b] .sidebar .brand{margin:0;font-size:22px;gap:8px}
 body[data-concept=b] .sidebar .side-label,body[data-concept=b] .sidebar .navigation,body[data-concept=b] .sidebar .saved-nav,body[data-concept=b] .sidebar .side-bottom{display:none}
 .app-actions{margin:0;gap:8px}.icon-control{width:40px;height:40px}.preference-trigger{height:40px;padding:0 12px;gap:8px}
 body[data-concept=b] .sidebar~.content{margin:0;padding:0 20px 88px;max-width:none}
 .app-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #19352806}
 .app-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;font-size:10px;font-weight:500;color:var(--muted);border-radius:12px;transition:background .15s,transform .15s}
 .app-bottom-nav a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600}
 body[data-concept=b] .desk-top{display:none}
 body[data-concept=b] .desk-welcome{padding:25px 0 23px}
 body[data-concept=b] .desk-welcome .intro{font-size:11px;margin-bottom:12px}
 body[data-concept=b] .desk-welcome h1{font-size:36px;letter-spacing:-1.6px;line-height:1.08}
 body[data-concept=b] .desk-welcome p{font-size:12px;line-height:1.7;margin-top:13px;max-width:330px}
 body[data-concept=b] .desk-welcome .search{margin-top:20px;border-radius:15px;min-height:56px;padding:7px 7px 7px 13px;gap:8px}
 body[data-concept=b] .search input{font-size:16px;letter-spacing:-.4px;width:100%}
 body[data-concept=b] .search input::placeholder{font-size:12px;letter-spacing:0}
 body[data-concept=b] .search button{padding:12px 14px;border-radius:10px;min-height:40px}
 .desk-intents{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:13px -20px 0;padding:0 20px;gap:8px}
 .desk-intents>span{display:none}.desk-intents a{flex-shrink:0;font-size:10px;border-radius:7px;padding:8px 10px}
 .desk-discover{display:flex;flex-direction:column;gap:22px}
 .desk-quick{order:-1;padding:0;border:0;border-radius:0;background:none}
 .desk-quick-head .intro,.desk-quick-head p{display:none}
 .desk-quick-head h2{font-size:21px;letter-spacing:-.6px;line-height:1.2;margin-bottom:16px}.desk-quick-head h2 br{display:none}
 .desk-quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}
 .desk-quick-tools>a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:0!important;border:0!important;min-width:0}
 .desk-quick-tools .product-logo{width:100%;height:60px;border-radius:15px;background:var(--surface)!important;border:1px solid var(--line);font-size:13px!important}
 .desk-quick-tools b{font-size:10px;line-height:1.35;font-weight:500;overflow-wrap:anywhere;min-height:28px}
 .desk-quick-tools small,.desk-quick-tools>a>span:last-child{display:none}
 .desk-quick>.desk-feature-link{font-size:11px;margin-top:14px;justify-content:flex-end}
 .desk-feature{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;border-radius:18px;padding:18px;gap:12px;border:0}
 .desk-feature-copy{padding:0}.desk-feature-copy .intro{font-size:9px!important;letter-spacing:.4px!important;margin-bottom:10px!important}
 .desk-feature-copy h2{font-size:24px;letter-spacing:-.8px;line-height:1.12}.desk-feature-copy p{display:none}.desk-feature-copy .desk-feature-link{font-size:11px;margin-top:15px;line-height:1.5}
 .desk-feature-preview{margin:0;border-radius:10px;min-width:0}.desk-feature-preview>img{height:122px;object-position:center}.desk-feature-preview>span{padding:8px;gap:6px}.desk-feature-preview b{font-size:11px}.desk-feature-preview small,.desk-feature-preview>span>span:last-child{display:none}.desk-feature-preview .product-logo{width:23px;height:23px}
 .desk-ai-shelf{grid-column:1/-1;padding:12px 0 0;border-top:1px solid var(--line);gap:9px;flex-wrap:nowrap}.desk-ai-shelf a{font-size:9px;gap:5px;min-width:0}.desk-ai-shelf .product-logo{width:22px;height:22px;flex-shrink:0}
 .desk-feed-heading{margin-top:28px}.desk-feed-heading h2{font-size:23px;max-width:280px;line-height:1.15}.desk-feed-heading p{font-size:12px;line-height:1.65;max-width:330px}
 body[data-concept=b] .desk-tabs{margin:18px 0 22px;overflow-x:auto;width:100%;border-radius:10px}
 body[data-concept=b] .desk-tabs a{padding:10px 7px;font-size:11px}
 body[data-concept=b] .tool-row{padding:16px 0;gap:12px}
 body[data-concept=b] .tool-row h3{font-size:14px}body[data-concept=b] .tool-row p{font-size:11px;-webkit-line-clamp:1}
 body[data-concept=b] .tool-row .save{width:38px;height:38px;border-radius:12px}
 body[data-concept=b] .desk-aside{padding:22px;border-radius:18px;margin-top:5px}
 body[data-concept=b] .desk-aside h2{font-size:23px}
 body[data-concept=b] .desk-aside .desk-swap{display:grid;grid-template-columns:40px 1fr;gap:0 12px;padding:17px 0}
 .desk-swap-logos{grid-row:span 2;margin:0}.desk-swap-logos>span:not(.product-logo){display:none}
 body[data-concept=b] .desk-aside .desk-swap small{grid-column:2;margin-top:3px}
 body[data-concept=b] footer{margin-top:32px;padding:24px 0;gap:12px}body[data-concept=b] footer .brand{display:none}
 .breadcrumb{font-size:11px;padding-top:20px;overflow-wrap:anywhere}
 body[data-concept=b] .listing-head{padding:20px 0 0}body[data-concept=b] .listing-head h1{font-size:32px;line-height:1.1}.listing-head p{font-size:12px;line-height:1.6}.listing-head .search{margin-top:20px}
 .catalog-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.catalog-controls label{min-width:0;font-size:10px}.catalog-controls label:last-child{grid-column:1/-1;display:flex;align-items:center;gap:12px}.catalog-controls label:last-child select{width:auto;flex:1}.catalog-controls select{font-size:13px;padding:11px 9px;border-radius:10px}
 .detail-hero{padding:25px 0!important;gap:15px}.detail-hero>.product-logo{width:48px;height:48px}.detail-hero>div{min-width:0!important}.detail-hero p{font-size:12px}body[data-concept=b] .detail-hero h1{font-size:29px;letter-spacing:-1px}.detail-layout{display:flex!important;flex-direction:column}.detail-aside{order:-1}.detail-aside dl{display:none}.detail-aside h3{display:none}.detail-aside{padding:18px!important}.overview-copy h2{font-size:23px}.full-description{font-size:14px}
 #preferences-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:92dvh;margin:0;padding:12px 24px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:26px 26px 0 0;box-shadow:0 -10px 60px #14251c25}
 .sheet-handle{display:block;width:34px;height:4px;background:var(--line);border-radius:4px;margin:0 auto 19px}.preferences-heading h2{font-size:28px}.preferences-heading .icon-control{background:var(--soft);border:0}
 #preferences-dialog[open]{animation:sheet-enter .2s ease-out}
 @keyframes sheet-enter{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}
}
@media(prefers-reduced-motion:reduce){#preferences-dialog[open]{animation:none}.app-bottom-nav a{transition:none}}
.orbit-toggle{overflow:hidden;color:var(--accent)}
.orbit-sun{position:relative;width:17px;height:17px;border-radius:50%;background:currentColor;box-shadow:0 -9px 0 -7px currentColor,0 9px 0 -7px currentColor,9px 0 0 -7px currentColor,-9px 0 0 -7px currentColor,6px 6px 0 -7px currentColor,-6px -6px 0 -7px currentColor,6px -6px 0 -7px currentColor,-6px 6px 0 -7px currentColor;transition:transform .35s ease,box-shadow .35s ease}
.orbit-sun:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:var(--surface);transform:translate(19px,-19px);transition:transform .35s ease,background .2s}
.orbit-toggle[aria-pressed=true] .orbit-sun{transform:rotate(-20deg);box-shadow:none}
.orbit-toggle[aria-pressed=true] .orbit-sun:after{transform:translate(6px,-5px)}
.orbit-toggle:hover .orbit-sun:after{background:var(--soft)}
@media(max-width:760px){.app-actions{gap:6px}.app-actions [data-focus-search]{display:none}.preference-trigger svg{width:18px}.preference-trigger{padding:0 11px}}
@media(prefers-reduced-motion:reduce){.orbit-sun,.orbit-sun:after{transition:none}}
/* Unified neutral workspace: one content canvas, one spacing and surface system. */
body[data-concept=b]{--bg:#f5f5f4;--surface:#fff;--ink:#242726;--muted:#717571;--line:#e7e8e5;--accent:#28664b;--soft:#f1f3f0;--secondary:#f7f8f6;color-scheme:light;background:var(--bg)}
body[data-concept=b][data-theme=dark]{--bg:#181a19;--surface:#202321;--ink:#edf0eb;--muted:#a4aaa4;--line:#343934;--accent:#aed2b8;--soft:#2a302b;--secondary:#252a26;color-scheme:dark}
body[data-concept=b] .studio{height:38px;min-height:38px;background:var(--bg);color:var(--muted);font-size:10px;padding:0 22px;box-shadow:none;border:0;position:static}
body[data-concept=b] .page-frame{max-width:1680px}
body[data-concept=b] .sidebar{top:38px;width:224px;padding:24px 14px;border:0;background:var(--bg)}
body[data-concept=b] .sidebar .brand{margin:0 12px 25px;font-size:22px}
body[data-concept=b] .sidebar~.content{margin:0 12px 12px 224px;padding:0 34px;max-width:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:calc(100dvh - 50px)}
body[data-concept=b] .app-actions{margin:0 10px 28px;justify-content:flex-start;gap:7px}
body[data-concept=b] .app-actions .icon-control,body[data-concept=b] .preference-trigger{border-color:var(--line);background:var(--bg);height:34px;border-radius:7px}
body[data-concept=b] .app-actions .icon-control{width:34px}.preference-trigger{gap:8px;padding:0 11px}
body[data-concept=b] .side-label{font-size:10px;letter-spacing:.04em;margin:0 12px 8px;color:var(--muted)}
body[data-concept=b] .sidebar .navigation a{padding:10px 12px;font-size:12px;font-weight:400;border-radius:6px;margin:3px 0;gap:8px;min-height:38px}
.nav-name{display:flex;align-items:center;gap:10px}.nav-name svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}
body[data-concept=b] .sidebar .navigation a.active{background:var(--line);color:var(--ink);font-weight:600}
body[data-concept=b] .sidebar .navigation a.active:before,body[data-concept=b] .sidebar .navigation a.active:after{display:none}
body[data-concept=b] .sidebar .navigation a.active svg{color:var(--accent)}
body[data-concept=b] .navigation small{font-size:9px;font-variant-numeric:tabular-nums;opacity:1;color:var(--muted)}
body[data-concept=b] .saved-nav{font-size:12px;padding:18px 12px;margin-top:16px}
body[data-concept=b] .side-bottom{padding:18px 12px 8px}body[data-concept=b] .side-bottom p{font-size:14px;font-weight:500}body[data-concept=b] .side-bottom>span{font-size:11px}
body[data-concept=b] .desk-top{height:49px;font-size:11px}
body[data-concept=b] .desk-welcome{padding:29px 0 28px}
body[data-concept=b] .desk-welcome .intro{font-size:11px;color:var(--muted);margin-bottom:12px}
body[data-concept=b] .desk-welcome h1{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-1.65px;font-weight:600;text-wrap:balance}
body[data-concept=b] .desk-welcome p{font-size:13px;margin-top:12px;max-width:620px;line-height:1.7}
body[data-concept=b] .desk-welcome .search{margin-top:22px;min-height:56px;box-shadow:none;border-radius:8px;background:var(--secondary)}
body[data-concept=b] .search button{background:var(--ink);color:var(--surface);border-radius:5px;padding:10px 18px;font-size:12px}
body[data-concept=b] .search input{font-size:13px}
body[data-concept=b] .desk-intents{font-size:10px;gap:8px;margin-top:12px}
body[data-concept=b] .desk-intents a{background:var(--surface);border-color:var(--line);border-radius:5px;padding:5px 9px}
body[data-concept=b] .desk-discover{gap:20px;grid-template-columns:1.15fr 1fr}
body[data-concept=b] .desk-feature,body[data-concept=b] .desk-quick{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:none}
body[data-concept=b] .desk-feature-copy{padding:22px 24px 18px}
body[data-concept=b] .desk-quick{padding:22px 24px}
body[data-concept=b] .desk-discover .intro{font-size:10px;letter-spacing:.02em;color:var(--muted);font-weight:500;margin-bottom:10px}
body[data-concept=b] .desk-discover h2{font-size:24px;line-height:1.15;letter-spacing:-.8px}
body[data-concept=b] .desk-discover p{font-size:12px;margin-top:10px}
body[data-concept=b] .desk-feature-link{font-size:11px;margin-top:15px;font-weight:500}
body[data-concept=b] .desk-feature-preview{margin:0 24px;border-radius:7px}
body[data-concept=b] .desk-feature-preview>img{height:155px}
body[data-concept=b] .desk-feature-preview>span{background:var(--secondary);padding:10px 12px}
body[data-concept=b] .desk-ai-shelf{padding:16px 24px;gap:10px}
body[data-concept=b] .desk-quick-tools>a{padding:15px 0}
body[data-concept=b] .desk-quick-tools .product-logo{width:36px;height:38px;border-radius:6px;font-size:11px}
body[data-concept=b] .desk-quick-tools b{font-size:12px}
body[data-concept=b] .desk-feed-heading{margin-top:32px}
body[data-concept=b] .desk-feed-heading h2{font-size:24px;letter-spacing:-.7px}
body[data-concept=b] .desk-feed-heading p{font-size:12px;margin-top:8px}
body[data-concept=b] .desk-tabs{background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:18px 0 24px;width:100%;gap:14px}
body[data-concept=b] .desk-tabs a{padding:11px 2px;font-size:12px;border-radius:0;flex:none}
body[data-concept=b] .desk-tabs a:first-child{border-bottom:2px solid var(--accent);color:var(--accent)}
body[data-concept=b] .desk-columns{grid-template-columns:minmax(0,1fr) 255px;gap:28px}
body[data-concept=b] .list-title h2{font-size:16px;letter-spacing:-.3px}
body[data-concept=b] .tool-row{padding:17px 0;gap:12px;border-color:var(--line)}
body[data-concept=b] .tool-row:hover{background:var(--secondary)}
body[data-concept=b] .tool-row h3{font-size:13px;font-weight:600;letter-spacing:-.15px;margin-bottom:4px}
body[data-concept=b] .tool-row p{font-size:11px;line-height:1.55}
body[data-concept=b] .tool-row .product-logo{width:35px;height:35px;border-radius:7px}
body[data-concept=b] .tool-row .save{border-color:transparent;border-radius:6px;width:32px;height:32px;color:var(--muted)}
body[data-concept=b] .tool-row .save:hover{border-color:var(--line);color:var(--accent)}
body[data-concept=b] .kind{background:var(--soft);color:var(--muted);font-size:9px;border-radius:4px}
body[data-concept=b] .desk-aside{padding:20px;background:var(--secondary);border:1px solid var(--line);border-radius:10px}
body[data-concept=b] .desk-eyebrow{color:var(--muted);letter-spacing:.04em;font-size:9px}
body[data-concept=b] .desk-aside h2{font-size:21px;letter-spacing:-.65px;margin-top:10px}
body[data-concept=b] .desk-aside>p{font-size:11px}
body[data-concept=b] .desk-aside .desk-swap{padding:16px 0}
body[data-concept=b] .desk-aside .desk-swap-logos{margin-bottom:8px}
body[data-concept=b] .desk-aside .all-link{font-size:11px}
body[data-concept=b] footer{margin-top:40px;padding:24px 0;font-size:11px}body[data-concept=b] footer .brand{font-size:17px}
body[data-concept=b] .breadcrumb{padding-top:25px;font-size:11px}
body[data-concept=b] .listing-head{padding:24px 0 0}
body[data-concept=b] .listing-head h1{font-size:36px;letter-spacing:-1.1px}
body[data-concept=b] .listing-head p{font-size:13px}
body[data-concept=b] .catalog-controls select{background:var(--secondary);border-radius:6px;padding:10px;font-size:12px}
body[data-concept=b] .tool-card{border-radius:9px;border:1px solid var(--line);background:var(--surface);box-shadow:none;padding:20px}
body[data-concept=b] .tool-card h3{font-size:16px;letter-spacing:-.3px}
body[data-concept=b] .detail-hero{padding:30px 0;gap:20px}
body[data-concept=b] .detail-hero h1{font-size:38px;letter-spacing:-1.2px}
body[data-concept=b] .detail-hero p{font-size:13px}
body[data-concept=b] .detail-aside{background:var(--secondary);border:1px solid var(--line);border-radius:9px}
body[data-concept=b] .overview-copy h2,body[data-concept=b] .live-tool h2,body[data-concept=b] .related h2{font-size:23px;letter-spacing:-.65px}
body[data-concept=b] .full-description{font-size:14px;line-height:1.8}
body[data-concept=b] #tool-frame{border-radius:9px}
@media(min-width:1680px){body[data-concept=b] .sidebar{left:calc((100vw - 1680px)/2)}}
@media(min-width:761px) and (max-width:1000px){body[data-concept=b] .sidebar{width:192px;padding-inline:10px}body[data-concept=b] .sidebar~.content{margin-left:192px;padding:0 24px}body[data-concept=b] .desk-columns{grid-template-columns:1fr}body[data-concept=b] .desk-discover{display:flex;flex-direction:column}body[data-concept=b] .desk-feature{display:block}body[data-concept=b] .navigation small{display:none}}
@media(max-width:760px){
 body[data-concept=b] .studio{display:none}
 body[data-concept=b] .sidebar{position:sticky;top:0;left:auto;width:100%;height:66px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface)}
 body[data-concept=b] .sidebar .brand{margin:0;font-size:21px}
 body[data-concept=b] .app-actions{margin:0;gap:7px}
 body[data-concept=b] .sidebar~.content{margin:0;padding:0 18px 82px;border:0;border-radius:0;min-height:calc(100dvh - 66px)}
 body[data-concept=b] .desk-welcome{padding:25px 0 24px}
 body[data-concept=b] .desk-welcome .intro{font-size:10px;margin-bottom:10px}
 body[data-concept=b] .desk-welcome h1{font-size:32px;letter-spacing:-1.2px;max-width:310px;text-wrap:balance}
 body[data-concept=b] .desk-welcome p{font-size:12px;margin-top:10px}
 body[data-concept=b] .desk-welcome .search{margin-top:18px;min-height:54px;border-radius:9px}
 body[data-concept=b] .search input{font-size:16px}
 body[data-concept=b] .desk-intents{margin:12px -18px 0;padding:0 18px;gap:7px}
 body[data-concept=b] .desk-intents a{padding:7px 9px}
 body[data-concept=b] .desk-discover{display:flex;gap:23px}
 body[data-concept=b] .desk-quick{padding:0;border:0;border-radius:0}
 body[data-concept=b] .desk-quick-head h2{font-size:18px;letter-spacing:-.4px;margin-bottom:15px}
 body[data-concept=b] .desk-quick-tools{gap:8px}
 body[data-concept=b] .desk-quick-tools .product-logo{height:54px;width:100%;border-radius:10px;background:var(--secondary)!important;border:1px solid var(--line)}
 body[data-concept=b] .desk-quick-tools b{font-size:10px;font-weight:500}
 body[data-concept=b] .desk-feature{display:grid;grid-template-columns:1.1fr 1fr;padding:17px;gap:12px;background:var(--secondary);border:1px solid var(--line);border-radius:10px}
 body[data-concept=b] .desk-feature-copy{padding:0}
 body[data-concept=b] .desk-feature-copy h2{font-size:21px;line-height:1.15;letter-spacing:-.6px}
 body[data-concept=b] .desk-feature-preview{margin:0;border-radius:6px}
 body[data-concept=b] .desk-feature-preview>img{height:110px}
 body[data-concept=b] .desk-feature-preview>span{padding:8px;background:var(--surface)}
 body[data-concept=b] .desk-ai-shelf{padding:12px 0 0;gap:8px}
 body[data-concept=b] .desk-feed-heading{margin-top:26px}
 body[data-concept=b] .desk-feed-heading h2{font-size:22px;max-width:none}
 body[data-concept=b] .desk-tabs{margin:12px 0 20px;gap:18px}
 body[data-concept=b] .desk-tabs a{font-size:11px;padding:10px 0}
 body[data-concept=b] .desk-columns{display:block}
 body[data-concept=b] .list-title h2{font-size:15px}
 body[data-concept=b] .tool-row{padding:15px 0}
 body[data-concept=b] .tool-row h3{font-size:13px}
 body[data-concept=b] .tool-row .save{width:38px;height:38px}
 body[data-concept=b] .desk-aside{margin-top:25px;padding:18px}
 body[data-concept=b] .desk-aside h2{font-size:21px}
 body[data-concept=b] .desk-aside .desk-swap-logos{margin:0}
 body[data-concept=b] .app-bottom-nav{padding:7px 10px calc(7px + env(safe-area-inset-bottom));box-shadow:none;background:var(--surface)}
 body[data-concept=b] .app-bottom-nav a{border-radius:7px;font-size:10px;color:var(--muted)}
 body[data-concept=b] .app-bottom-nav a[aria-current=page]{background:var(--soft);color:var(--accent)}
 body[data-concept=b] .listing-head h1{font-size:29px}
 body[data-concept=b] .detail-hero h1{font-size:28px}
 body[data-concept=b] .detail-hero{gap:13px;padding:24px 0}
 body[data-concept=b] .detail-aside{padding:16px!important}
 body[data-concept=b] .breadcrumb{padding-top:20px}
 body[data-concept=b] footer{margin-top:28px;padding:20px 0}
}

/* Local catalog screenshots: stable aspect ratios and lazy image loading. */
.visual-selection{margin-top:32px}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body[data-concept=b] .tool-card.has-preview{overflow:hidden;padding:0 16px 16px}.catalog-preview{display:block;aspect-ratio:16/9;margin:0 -16px 16px;overflow:hidden;background:var(--secondary,#f7f8f6);border-bottom:1px solid var(--line,#e7e8e5)}.catalog-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s}.catalog-preview:hover img{transform:scale(1.025)}.visual-grid .item-link p{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.visual-grid .card-foot>span:last-child{display:none}.visual-grid h3{font-size:15px}.visual-grid .product-logo{width:30px;height:30px}#results.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.visual-grid,#results.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.visual-selection{margin-top:26px}.visual-grid{gap:12px}body[data-concept=b] .visual-grid .tool-card.has-preview{padding:0 12px 12px}.visual-grid .catalog-preview{margin:0 -12px 12px}.visual-grid .card-foot{display:none}.visual-selection .list-title h2{font-size:18px}.visual-selection .list-title a{font-size:11px}#results.card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.catalog-preview img{transition:none}}

body[data-concept=b] .sidebar{top:0}