.page-apps .apps-wrap{flex-direction:column;gap:clamp(48px,7vw,76px);padding-top:clamp(44px,7vh,84px);padding-bottom:clamp(64px,10vh,120px);display:flex}.page-apps .apps-empty,.page-apps .apps-no-results{color:var(--h-text-dim);margin:0}.page-apps .apps-empty a,.page-apps .apps-no-results a{color:var(--accent-text)}.page-apps .gallery-error{color:var(--status-failed);font-size:var(--h-text-xs);flex-basis:100%;margin:2px 0 0;padding:0}.page-apps .apps-page-head{align-items:end;margin-bottom:0}.page-apps .apps-page-intro,.page-apps .apps-wrap>.page-head>p{width:min(100%,540px)}.page-apps .apps-page-intro>p,.page-apps .apps-wrap>.page-head>p{color:var(--h-text-subtle);font-size:var(--h-text-md);line-height:var(--h-lead-loose);margin:0}.page-apps .apps-build-cta{color:var(--h-text);font-family:var(--font-mono);font-size:var(--h-text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-top:18px;font-weight:500;text-decoration:none;display:inline-flex}.page-apps .apps-build-cta svg,.page-apps .app-card-open svg,.page-apps .apps-builders svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px;transition:transform var(--t-micro) var(--ease-out)}.page-apps .apps-build-cta:hover svg,.page-apps .app-card-open:hover svg,.page-apps .apps-builders a:hover svg{transform:translate(3px)}.page-apps .apps-catalogue{flex-direction:column;gap:clamp(44px,6vw,64px);display:flex}.page-apps [data-app-card][hidden],.page-apps [data-app-section][hidden]{display:none}.page-apps .apps-section,.page-apps .apps-builders{flex-direction:column;gap:18px;display:flex}.page-apps .apps-section-head{border-bottom:1px solid var(--h-edge-soft);justify-content:space-between;align-items:end;gap:24px;padding-bottom:14px;display:flex}.page-apps .apps-section-head p{color:var(--h-text-dim);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.08em;font-weight:500;line-height:var(--h-lead-tight);text-transform:uppercase;margin:0 0 4px}.page-apps .apps-section-head h2{color:var(--h-text);letter-spacing:-.015em;margin:0;font-size:clamp(21px,2.4vw,27px);font-weight:400;line-height:1.2}.page-apps .apps-section-head>span{color:var(--h-text-faint);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.05em;text-transform:uppercase;flex:none}.page-apps .apps-kits-note{max-width:560px;color:var(--h-text-dim);font-size:var(--h-text-base);margin:-6px 0 2px}.page-apps .gallery-controls{border:1px solid var(--h-edge);border-radius:var(--h-radius-card);background-color:var(--h-panel);background-image:var(--h-glass-sheen);-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);box-shadow:var(--h-glass-rim), var(--h-elev-1);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:10px;display:grid}.page-apps .gallery-search{min-width:0;position:relative}.page-apps .gallery-search svg{fill:none;width:18px;height:18px;stroke:var(--h-text-dim);stroke-linecap:round;stroke-width:1.5px;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.page-apps .gallery-search input,.page-apps .gallery-sort select{width:100%;height:var(--h-pill-md);border:1px solid var(--h-edge);background:var(--h-hover);color:var(--h-text);font:inherit;font-size:var(--h-text-sm);outline:0}.page-apps .gallery-search input{border-radius:var(--h-radius-row);padding:0 14px 0 42px}.page-apps .gallery-search input::placeholder{color:var(--h-placeholder)}.page-apps .gallery-search input:focus,.page-apps .gallery-sort:focus-within{border-color:var(--h-field-edge-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.page-apps .gallery-sort{height:var(--h-pill-md);border:1px solid var(--h-edge);border-radius:var(--h-radius-row);background:var(--h-hover);color:var(--h-text-dim);font-size:var(--h-text-xs);align-items:center;padding-left:13px;display:flex}.page-apps .gallery-sort select{width:auto;min-width:126px;color:var(--h-text);cursor:pointer;background:0 0;border:0;padding:0 28px 0 7px}.page-apps .gallery-count{color:var(--h-text-dim);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0 10px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-apps .apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.page-apps .app-card{isolation:isolate;border:1px solid var(--h-edge);border-radius:var(--h-radius-card);background-color:var(--h-panel);background-image:var(--h-glass-sheen);min-width:0;-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);box-shadow:var(--h-glass-rim), var(--h-elev-1);transition:background-color var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out), box-shadow var(--t-micro) var(--ease-out), transform var(--t-micro) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.page-apps .app-card:hover{border-color:var(--h-field-edge-focus);background-color:var(--h-panel-hover);box-shadow:var(--h-glass-rim), var(--h-elev-raised);transform:translateY(-2px)}.page-apps .app-card-shot{aspect-ratio:16/9;border-bottom:1px solid var(--h-edge-soft);background:var(--h-code-bg);display:block;position:relative;overflow:hidden}.page-apps .app-card-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0000001f);position:absolute;inset:0}.page-apps .app-card-shot img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--home-ease);display:block}.page-apps .app-card:hover .app-card-shot img{transform:scale(1.018)}.page-apps .app-card-blank{background:radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 38%), linear-gradient(135deg, var(--h-code-bg), var(--h-panel));width:100%;height:100%;display:block}.page-apps .app-card h3{color:var(--h-text);font-size:var(--h-text-lg);letter-spacing:-.01em;margin:18px 0 0;padding:0 20px;font-weight:500;line-height:1.35}.page-apps .app-card h3 a{color:inherit;text-decoration:none}.page-apps .app-card>p{color:var(--h-text-dim);font-size:var(--h-text-base);line-height:var(--h-lead-base);margin:9px 0 0;padding:0 20px}.page-apps .app-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page-apps .app-card-meta{font-family:var(--font-mono);flex-wrap:wrap;gap:5px;display:flex;color:var(--h-text-faint)!important;font-size:var(--h-text-2xs)!important;line-height:var(--h-lead-tight)!important;margin-top:auto!important;padding-top:18px!important}.page-apps .app-card-meta a{color:var(--h-text-dim);text-decoration:none}.page-apps .app-card-meta a:hover{color:var(--h-text)}.page-apps .app-card-preset{border:1px solid var(--h-edge);color:var(--accent-text);border-radius:9999px;padding:3px 8px}.page-apps .app-card.is-featured{border-color:color-mix(in srgb, var(--accent) 58%, var(--h-edge))}.page-apps .app-card-actions{flex-wrap:wrap;align-items:center;gap:9px;padding:16px 20px 20px;display:flex}.page-apps .app-card-open,.page-apps .app-remix{min-height:var(--h-pill-sm);border:1px solid var(--h-edge);color:var(--h-text);font-family:inherit;font-size:var(--h-text-sm);cursor:pointer;transition:background-color var(--t-micro) var(--ease-out), opacity var(--t-micro) var(--ease-out);background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.page-apps .app-card-open{background:var(--h-action-bg);color:var(--h-action-text);border-color:#0000}.page-apps .app-card-open:hover{background:var(--h-action-bg-hover)}.page-apps .app-remix:hover:not(:disabled){background:var(--h-hover)}.page-apps .app-remix:disabled{opacity:.5;cursor:default}.page-apps .apps-featured-grid{grid-template-columns:1fr}.page-apps .apps-featured-grid .app-card{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);display:grid}.page-apps .apps-featured-grid .app-card-shot{aspect-ratio:auto;border-right:1px solid var(--h-edge-soft);border-bottom:0;grid-area:1/1/5;min-height:360px}.page-apps .apps-featured-grid .app-card h3,.page-apps .apps-featured-grid .app-card>p,.page-apps .apps-featured-grid .app-card-actions{grid-column:2}.page-apps .apps-featured-grid .app-card h3{margin-top:0;padding:28px 28px 0;font-size:clamp(20px,2.3vw,28px);font-weight:400;line-height:1.25}.page-apps .apps-featured-grid .app-card>p{padding-inline:28px}.page-apps .apps-featured-grid .app-card-desc{-webkit-line-clamp:5;color:var(--h-text-subtle);font-size:var(--h-text-md);line-height:var(--h-lead-loose);margin-top:14px}.page-apps .apps-featured-grid .app-card-meta{padding-top:20px!important}.page-apps .apps-featured-grid .app-card-actions{padding:18px 28px 28px}.page-apps .apps-kits .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-apps .app-card.is-kit{background:radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 38%), var(--h-glass-sheen), var(--h-panel);min-height:310px;padding-top:22px}.page-apps .app-kit-mark{color:var(--h-text-faint);font-family:var(--font-mono);font-size:var(--h-text-2xs);justify-content:space-between;align-items:center;margin:0 22px 42px;display:flex}.page-apps .app-kit-mark svg{border:1px solid var(--h-edge);fill:none;width:34px;height:34px;stroke:var(--accent-text);stroke-linecap:round;stroke-width:1.25px;border-radius:10px;padding:7px}.page-apps .app-card>.app-kit-label{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.page-apps .app-card.is-kit h3{margin-top:0;font-size:clamp(21px,2.4vw,27px);font-weight:400}.page-apps .app-card.is-kit .app-card-meta{margin-top:14px!important;padding-top:0!important}.page-apps .app-card.is-kit .app-card-actions{margin-top:auto}.page-apps .apps-builders ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.page-apps .apps-builders a{border:1px solid var(--h-edge-soft);border-radius:var(--h-radius-row);min-height:68px;color:var(--h-text);transition:background-color var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out);align-items:center;gap:12px;padding:11px 14px;text-decoration:none;display:flex}.page-apps .apps-builders a:hover{border-color:var(--h-edge);background:var(--h-hover)}.page-apps .apps-builder-avatar{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--h-edge));background:var(--accent-surface);width:38px;height:38px;font-family:var(--font-mono);border-radius:9999px;flex:none;place-items:center;display:grid;color:var(--accent-text)!important;font-size:var(--h-text-xs)!important}.page-apps .apps-builder-name{flex-direction:column;flex:1;min-width:0;display:flex}.page-apps .apps-builder-name strong{color:var(--h-text);font-size:var(--h-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.page-apps .apps-builder-name small{color:var(--h-text-faint);font-family:var(--font-mono);font-size:var(--h-text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-apps .apps-builders a>svg{color:var(--h-text-dim);flex:none}.page-apps .apps-profile-handle{color:var(--h-text-dim);font-family:var(--font-mono);font-size:var(--h-text-xs);margin:7px 0 0}.page-apps .app-page{flex-direction:column;gap:20px;max-width:920px;display:flex}.page-apps .app-crumbs{font-family:var(--font-mono);font-size:var(--h-text-xs);gap:10px;display:flex}.page-apps .app-crumbs a{color:var(--h-text-dim);text-decoration:none}.page-apps .app-title{color:var(--h-text);letter-spacing:-.022em;margin:0;font-size:clamp(30px,4vw,46px);font-weight:400;line-height:1.12}.page-apps .app-byline{color:var(--h-text-dim);font-size:var(--h-text-sm);flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.page-apps .app-byline a{color:var(--h-text);text-decoration:none}.page-apps .app-handle{color:var(--h-text-faint);margin-left:6px}.page-apps .app-summary{max-width:720px;color:var(--h-text-subtle);font-size:var(--h-text-lg);line-height:var(--h-lead-loose);margin:0}.page-apps .app-stage{aspect-ratio:16/9;border-radius:var(--h-radius-card);background:var(--h-code-bg);border:1px solid var(--h-edge);box-shadow:var(--h-glass-rim), var(--h-elev-1);position:relative;overflow:hidden}.page-apps .app-shot{object-fit:cover;width:100%;height:100%;display:block}.page-apps .app-shot.is-missing{background:#14161a;width:100%;height:100%}.page-apps .app-frame{background:#fff;border:0;width:100%;height:100%;display:block}.page-apps .app-stage-overlay{background:#08090b6b;place-items:center;display:grid;position:absolute;inset:0}.page-apps .app-stage.is-waking .app-stage-overlay{background:#08090b9e}.page-apps .app-run{background:var(--h-action-bg);color:var(--h-action-text);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:13px 22px;font-weight:500;display:flex}.page-apps .app-run span{opacity:.66;font-size:.78rem;font-weight:400}.page-apps .app-run:hover{transform:translateY(-1px)}.page-apps .app-stage-note{color:#fff;text-align:center;background:#08090bb8;border-radius:999px;max-width:88%;margin:0;padding:10px 18px;font-size:.88rem}.page-apps .app-shot-note,.page-apps .app-extract-note{color:var(--h-text-dim);font-size:var(--h-text-xs);margin:0}.page-apps .app-extract{flex-direction:column;gap:10px;display:flex}.page-apps .app-extract h2,.page-apps .app-more h2{color:var(--h-text);font-size:var(--h-text-lg);margin:0;font-weight:500}.page-apps .app-extract p{color:var(--h-text-subtle);margin:0;line-height:1.6}.page-apps .app-actions{flex-wrap:wrap;align-items:center;gap:14px;padding-top:4px;display:flex}.page-apps .app-actions>a{color:var(--h-text-dim);font-size:var(--h-text-sm)}.page-apps .app-cta{background:var(--accent,#101216);color:#fff;border-radius:999px;padding:10px 18px;font-weight:600}.page-apps .app-more{flex-wrap:wrap;gap:28px;display:flex}.page-apps .app-more ul{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.page-apps .app-more a{color:var(--h-text)}.page-apps .app-more span{color:var(--h-text-dim);font-size:var(--h-text-sm)}.page-apps .app-report{color:var(--h-text-dim);font-size:var(--h-text-xs);margin:0}.page-apps .app-report a{color:inherit}@media (max-width:900px){.page-apps .apps-page-head{align-items:flex-start}.page-apps .apps-grid,.page-apps .apps-builders ul{grid-template-columns:repeat(2,minmax(0,1fr))}.page-apps .apps-featured-grid{grid-template-columns:1fr}.page-apps .apps-featured-grid .app-card{display:flex}.page-apps .apps-featured-grid .app-card-shot{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--h-edge-soft);min-height:0}.page-apps .apps-featured-grid .app-card h3{margin-top:20px;padding:0 22px}.page-apps .apps-featured-grid .app-card>p{padding-inline:22px}.page-apps .apps-featured-grid .app-card-actions{padding:18px 22px 22px}}@media (max-width:640px){.page-apps .apps-wrap{gap:52px;max-width:calc(100% - 32px)}.page-apps .apps-page-intro>p,.page-apps .apps-wrap>.page-head>p{font-size:var(--h-text-base);line-height:var(--h-lead-base)}.page-apps .gallery-controls{grid-template-columns:minmax(0,1fr) auto}.page-apps .gallery-search{grid-column:1/-1}.page-apps .gallery-sort{min-width:0}.page-apps .gallery-sort>span{display:none}.page-apps .gallery-sort select{min-width:140px;padding-left:3px}.page-apps .gallery-count{justify-self:end;padding-right:4px}.page-apps .apps-grid,.page-apps .apps-kits .apps-grid,.page-apps .apps-builders ul{grid-template-columns:1fr}.page-apps .apps-section-head{align-items:start}.page-apps .app-card h3,.page-apps .app-card>p{padding-inline:18px}.page-apps .app-card-actions{padding:16px 18px 18px}.page-apps .app-card.is-kit{min-height:290px}.page-apps .app-kit-mark{margin-inline:18px}.page-apps .app-more{flex-direction:column;gap:18px}}html.has-live-app,html.has-live-app body{overflow:hidden}.page-apps .app-experience{--app-bar-height:calc(56px + env(safe-area-inset-top));z-index:100;color:#f1f3f4;background:#08090a;position:fixed;inset:0;overflow:hidden}.page-apps .app-experience .app-stage{inset:var(--app-bar-height) 0 0;aspect-ratio:auto;width:100%;height:auto;box-shadow:none;border:0;border-radius:0;position:absolute}.page-apps .app-experience .app-shot{object-fit:cover;filter:saturate(.82)brightness(.64);transform:scale(1.01)}.page-apps .app-experience .app-stage-overlay{background:#08090a75}.page-apps .app-experience .app-stage.is-waking .app-stage-overlay{background:#08090a8f}.page-apps .app-experience .app-stage-note{color:#ffffffd1;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#08090ab3;border:1px solid #ffffff24;align-items:center;gap:10px;padding:11px 16px;font-size:12px;display:inline-flex}.page-apps .app-stage-spinner{border:1.5px solid #ffffff47;border-top-color:#fff;border-radius:9999px;flex:none;width:14px;height:14px;animation:.76s linear infinite app-stage-spin}@keyframes app-stage-spin{to{transform:rotate(360deg)}}.page-apps .app-experience-bar{z-index:2;height:var(--app-bar-height);padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));color:#f1f3f4;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#090a0bf5;border-bottom:1px solid #ffffff1f;align-items:center;gap:8px;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 1px 8px #0000003d}.page-apps .app-experience-start{align-self:stretch;align-items:center;gap:12px;display:flex}.page-apps .app-experience-brand{color:#f1f3f4;align-items:center;text-decoration:none;display:inline-flex}.page-apps .app-experience-divider{background:#ffffff29;width:1px;height:20px}.page-apps .app-experience-back,.page-apps .app-experience-credit,.page-apps .app-make-own{height:38px;font-family:var(--h-font);white-space:nowrap;border:0;border-radius:9999px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.page-apps .app-experience-back{color:#ffffffb3;background:0 0;gap:6px;padding:0 8px}.page-apps .app-experience-back:hover{color:#fff;background:#ffffff14}.page-apps .app-experience-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:15px;height:15px}.page-apps .app-experience-credit{color:#ffffff9e;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;margin-left:auto;padding:0 10px;font-size:10px}.page-apps .app-make-own,.page-apps .app-remix.app-make-own{color:#101113;background:#fff;border:1px solid #ffffffe6;height:36px;min-height:36px;padding:0 16px}.page-apps .app-remix.app-make-own:hover:not(:disabled),.page-apps a.app-make-own:hover{background:#ffffffe6}.page-apps .app-remix-signin{z-index:120;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.page-apps .app-remix-signin .pf-signin{border-radius:var(--h-radius-card);color:#f1f3f4;text-align:center;background:#141517;border:1px solid #ffffff29;width:min(100%,390px);padding:28px;position:relative;box-shadow:0 30px 80px #0000007a}.page-apps .app-remix-signin .google-signin{color:#202124;background:#fff}.page-apps .app-remix-signin .pf-signin-note{color:#ffffff9e;margin:12px 0 0;font-size:12px;line-height:1.5}.page-apps .app-remix-signin .pf-signin-note a{color:#fff}.page-apps .app-remix-signin-close{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:1;color:#fff;width:38px;height:38px;font:22px/1 var(--h-font);cursor:pointer;background:#141517d1;border:1px solid #ffffff2e;border-radius:9999px;padding:0;position:absolute}@media (max-width:640px){.page-apps .app-experience-credit{display:none}.page-apps .app-experience-brand .header-wordmark{width:88px;height:19.0786px}.page-apps .app-experience-back{padding-inline:4px 7px}.page-apps .app-make-own,.page-apps .app-remix.app-make-own{margin-left:auto}}@media (prefers-reduced-motion:reduce){.page-apps .app-stage-spinner{animation-duration:1.5s}}