.ex{gap:var(--brand-space-20);display:grid}.ex-search{width:100%;max-width:560px}.ex-grid{--ex-scale:.45;gap:var(--brand-space-16) var(--brand-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.ex-grid{gap:var(--brand-space-24) var(--brand-space-16);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1440px){.ex-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ex-grid[aria-busy=true]{opacity:.6;transition:opacity var(--brand-motion-fast)}.ex-tile{gap:var(--brand-space-8);min-width:0;display:grid;position:relative}.ex-tile-page{aspect-ratio:9/16;border-radius:var(--brand-radius-card);background:var(--brand-panel);box-shadow:0 0 0 1px var(--brand-line);transition:transform var(--brand-motion-hover), box-shadow var(--brand-motion-hover);position:relative;overflow:hidden}.ex-tile-canvas{width:390px;height:calc(100% / var(--ex-scale));transform:scale(var(--ex-scale));transform-origin:0 0;pointer-events:none;position:absolute;inset:0 auto auto 0}.ex-tile-canvas .connect-public{min-height:100%;padding:44px var(--brand-space-20) var(--brand-space-32)}.ex-tile-canvas *,.ex-tile-canvas :before,.ex-tile-canvas :after{transition:none!important;animation:none!important}.ex-tile-hit{align-items:center;gap:var(--brand-space-8);min-width:0;min-height:36px;color:var(--brand-ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.ex-tile-hit:after{content:"";border-radius:var(--brand-radius-card);position:absolute;inset:0}.ex-tile-hit:focus-visible{outline:none}.ex-tile-hit:focus-visible:after{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}@media (hover:hover) and (pointer:fine){.ex-tile:hover .ex-tile-page{box-shadow:0 0 0 1px var(--brand-line), var(--brand-shadow-card);transform:translateY(-2px)}}.ex-tile:active .ex-tile-page{transform:scale(.98)}.ex-tile-text{min-width:0;display:grid}.ex-tile-text strong,.ex-tile-text small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ex-tile-text strong{font-size:var(--brand-type-label-size);font-weight:700}.ex-tile-text small{color:var(--brand-muted);font-size:var(--brand-type-caption-size)}.ex-more{justify-content:center;display:flex}.ex-sheet-page{min-height:100%}.ex-sheet-page .connect-public{min-height:100%;padding:44px var(--brand-space-20) var(--brand-space-32)}.ex-targets{border:0;margin:0;padding:0;display:grid}.ex-target{align-items:center;gap:var(--brand-space-12);min-height:64px;padding:var(--brand-space-8) 0;border-top:1px solid var(--brand-line);cursor:pointer;display:flex}.ex-target:first-of-type{border-top:0}.ex-target-text{flex:1;min-width:0;display:grid}.ex-target-text strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ex-target-text small{color:var(--brand-muted);font-size:var(--brand-type-label-size)}.ex-done{justify-items:center;gap:var(--brand-space-12);padding:var(--brand-space-8) 0;text-align:center;display:grid}.ex-done .ui-icon{color:var(--brand-success)}@media (prefers-reduced-motion:reduce){.ex-tile-page{transition:none}.ex-tile:active .ex-tile-page{transform:none}@media (hover:hover){.ex-tile:hover .ex-tile-page{transform:none}}}.ex-tile-canvas :is(.cp-pagebar,.cp-pagefoot,.cp-tappin-badge){display:none}.ex-new{gap:var(--brand-field-groupGap,var(--brand-space-16));display:grid}.ex-new-status{min-height:1.4em;margin:calc(var(--brand-space-8) * -1) 0 0;color:var(--brand-muted);font-size:var(--brand-typography-size-label)}.ex-new-status:empty{display:none}