.fv-landing{& .sb{container-type:inline-size;display:grid;gap:22px}& .sb__bar{align-items:center;justify-content:space-between;gap:12px 24px}& .sb__bar,& .sb__groups{display:flex;flex-wrap:wrap}& .sb__groups{gap:6px;min-inline-size:0;margin:0;padding:0;border:0}& .sb__group{position:relative;display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding:8px 13px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-sunken);color:var(--text-muted);font-size:16px;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}& .sb__group:hover{color:var(--ink)}& .sb__group:has(:checked){border-color:#9db7f2;background:var(--surface-raised);color:var(--brand);box-shadow:0 0 0 1px #9db7f2}& .sb__group svg{inline-size:18px;block-size:18px;flex:none}& .sb__group input{position:absolute;inset:0;margin:0;border-radius:inherit;background:none;cursor:pointer;appearance:none}& .sb__group input:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:inherit}& .sb__own{flex:none}& .sb__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}& .sb:has(.sb__groups :checked) .sb__grid{display:none}& .sb:has([value=mobile]:checked) .sb__grid[data-group=mobile],& .sb:has([value=studio]:checked) .sb__grid[data-group=studio],& .sb:has([value=web]:checked) .sb__grid[data-group=web]{display:grid}& .tc-v{background:var(--tile-visual)}& .tc-v[data-frame=mobile]{background:var(--tile-visual-mobile)}& .tc-v[data-frame=web]{background:var(--tile-visual-web)}& .tp-tw{& :is(h1,h2,h3,h4,h5,p,ul,ol,figure){margin:revert-layer}& :is(ul,ol){padding:revert-layer;list-style:revert-layer}& a{color:revert-layer;text-decoration:revert-layer}& :is(button,input,textarea,select){font:revert-layer;color:revert-layer}& button{padding:revert-layer;border:revert-layer;background:revert-layer;cursor:revert-layer}& svg{display:revert-layer}& :focus-visible{outline:revert-layer;outline-offset:revert-layer;border-radius:revert-layer}}}@container (min-width: 400px){.fv-landing .sb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 740px){.fv-landing .sb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.fv-landing .sb__grid{animation:fv-sb-in .3s var(--ease) both}}@keyframes fv-sb-in{0%{opacity:0}}@media (forced-colors:active){.fv-landing .sb__group:has(:checked){outline:2px solid Highlight;outline-offset:1px}}