@view-transition{navigation:auto}.studio{min-height:100svh}.studio a,.studio button{touch-action:manipulation}.studio-header{background:var(--sw-bg);z-index:10;align-items:center;gap:32px;padding:12px 28px;display:flex;position:sticky;top:0}.studio-wordmark{font:650 1.5rem/1 var(--sw-brand-font);letter-spacing:-.04em;align-items:center;gap:8px;font-stretch:82%;display:inline-flex}.studio-wordmark svg,.studio-wordmark>span{color:var(--sw-accent)}.studio-wordmark>span{margin-left:-7px}.studio-header>nav{align-items:center;gap:8px;display:flex}.studio-header>nav a,.studio-header>nav button{min-height:44px;color:var(--sw-muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:inline-flex}.studio-header>nav [aria-current],.studio-header>nav a:hover,.studio-header>nav button:hover{background:var(--sw-raised);color:var(--sw-text)}.studio-settings{min-height:44px;color:var(--sw-muted);align-items:center;margin-left:auto;font-size:.8125rem;display:inline-flex}.studio-import{margin-left:0}#saved-count{font:.6875rem var(--sw-mono);color:var(--sw-muted)}.studio-main{width:100%;margin:auto;padding:0 clamp(16px,3vw,64px)}.studio-discovery{flex-wrap:wrap;align-items:baseline;gap:16px;padding-top:24px;display:flex}.studio-discovery h1{font-size:1.25rem;font-weight:550}.studio-discovery span,.studio-discovery a{color:var(--sw-muted);font-size:.75rem}.studio-discovery a{min-height:32px;margin-left:auto}.studio-maker{align-items:center;gap:16px;padding:28px 0 20px;display:flex}.studio-avatar{flex-shrink:0}.studio-avatar img{view-transition-name:maker-portrait;border-radius:6px;width:56px;height:56px}.studio-identity{min-width:0}.studio-identity h1,.studio-identity h2{font:500 1.5rem/1.5 var(--sw-mono);letter-spacing:-.025em;view-transition-name:maker-handle}.studio-identity p{color:var(--sw-muted);margin-top:4px;font-size:.875rem}.studio-maker-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.studio-maker-actions>a{align-items:center;gap:8px;min-height:44px;font-size:.8125rem;display:flex}.studio-maker-actions button[aria-pressed=true]{color:var(--sw-accent);border-color:var(--sw-accent)}.studio-contributions{margin-top:72px;scroll-margin-top:90px}.studio-contributions>header{flex-wrap:wrap;align-items:center;gap:12px 20px;padding-bottom:16px;display:flex}.studio-contributions h2{font-size:1.125rem;font-weight:550}.studio-contributions header>span{color:var(--sw-muted);font-size:.75rem}.studio-contributions header>a{align-items:center;gap:8px;min-height:32px;margin-left:auto;font-size:.75rem;display:flex}.studio-contribution{align-items:center;gap:16px;padding:14px 0;display:flex}.studio-contribution>svg{color:var(--sw-muted)}.studio-contribution>div{flex:1;min-width:0}.studio-contribution a{font-size:.875rem;line-height:1.5}.studio-contribution a svg{margin-left:8px}.studio-contribution p{font:.6875rem/1.8 var(--sw-mono);color:var(--sw-muted);overflow-wrap:anywhere;margin-top:4px}.studio-contribution>.sw-status{flex-shrink:0;margin-left:auto}.studio-local-note{color:var(--sw-muted);margin:20px 0;font-size:.75rem}.studio-footer{width:100%;color:var(--sw-muted);justify-content:space-between;align-items:center;gap:16px;margin:32px auto 0;padding:16px clamp(16px,3vw,64px);font-size:.75rem;display:flex}.studio-footer a{align-items:center;gap:8px;min-height:36px;display:inline-flex}.studio-footer button{color:inherit;background:0 0;border:0;min-height:44px}.studio-saved{background:var(--sw-surface);width:min(420px,100vw - 32px);max-height:70dvh;color:var(--sw-text);border:0;border-radius:6px;margin:0;padding:24px;position:fixed;inset:76px 28px auto auto;overflow-y:auto;box-shadow:0 16px 40px #0004}.studio-saved header{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-saved h2{font-size:1.125rem}.studio-saved header button{background:0 0;border:0;width:44px;height:44px;font-size:1.5rem}.studio-saved p{color:var(--sw-muted);font-size:.8125rem}#saved-project-list{margin-top:16px}#saved-project-list a{padding:14px 0;display:block}#saved-project-list strong{font-size:.875rem;display:block}#saved-project-list span{color:var(--sw-muted);font-size:.8125rem}.studio-toast{z-index:20;background:var(--sw-raised);border:0;border-radius:6px;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;font-size:.8125rem;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 8px 24px #0003}@media (width<=900px){.studio-header{gap:16px;padding-inline:20px}.studio-import{display:none}}@media (width<=760px){.studio-header{flex-wrap:wrap;gap:0;padding:8px 16px 0}.studio-header>nav{order:3;justify-content:space-between;gap:0;width:100%;margin:0}.studio-header>nav a,.studio-header>nav button{padding:8px;font-size:.75rem}.studio-header>nav svg{display:none}.studio-wordmark{font-size:1.375rem}.studio-discovery{gap:8px;padding-top:20px}.studio-discovery a{width:100%;margin:0}.studio-maker{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:12px 0 8px;display:grid}.studio-avatar img{width:44px;height:44px}.studio-identity{display:contents}.studio-identity h1,.studio-identity h2{font-size:1.25rem}.studio-identity p{grid-area:2/1/auto/-1;margin:0;font-size:.8125rem}.studio-bio-extra{display:none}.studio-maker-actions{grid-area:1/3;gap:4px}.studio-maker-actions>a{justify-content:center;width:44px}.studio-maker-actions>a span{display:none}.studio-contributions{margin-top:48px;scroll-margin-top:120px}.studio-contributions header>span{order:3;width:100%}.studio-contribution{align-items:start;gap:10px}.studio-contribution>svg{display:none}.studio-contribution a{font-size:.8125rem}.studio-contribution p{font-size:.625rem}.studio-footer{flex-wrap:wrap;gap:4px 16px;padding:12px 16px}.studio-saved{inset:110px 16px auto}}.studio .sw-button{border:0;min-height:44px}.studio .sw-button:not(.sw-primary){background:var(--sw-surface)}.studio .sw-button:hover{background:var(--sw-raised);color:var(--sw-text)}.studio .sw-status{background:0 0;border:0;padding-inline:0}.studio a:hover{text-underline-offset:4px;text-decoration:underline}.studio-project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px;padding-top:16px;display:grid}.studio-project-preview{min-width:0;scroll-margin-top:120px}.studio-preview-link{display:block}.studio-preview-link:hover{text-decoration:none!important}.studio-preview-link img{aspect-ratio:1.5;object-fit:contain;background:var(--sw-surface);width:100%;height:auto;display:block}.studio-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.studio-preview-heading h2{font:500 clamp(1.25rem,2vw,1.75rem)/1.4 var(--sw-mono);letter-spacing:-.025em}.studio-preview-link:hover h2{text-underline-offset:6px;text-decoration:underline}.studio-preview-link p{margin-top:8px;font-size:1.125rem}.studio-preview-link>span{color:var(--sw-muted);margin-top:8px;font-size:.8125rem;display:block}.studio-project-text{align-self:end;padding-bottom:32px}.studio-project-text .studio-preview-heading h2{font-size:clamp(2rem,5vw,4rem)}.studio-project-text .studio-preview-link p{max-width:20ch;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.3}.project-detail{padding-top:24px}.project-back{min-height:44px;color:var(--sw-muted);align-items:center;gap:12px;font-size:.875rem;display:inline-flex}.project-detail-heading{justify-content:space-between;align-items:end;gap:24px;margin:32px 0 40px;display:flex}.project-detail-heading h1{font:500 clamp(2rem,5vw,4.5rem)/1.2 var(--sw-mono);letter-spacing:-.035em;overflow-wrap:anywhere}.project-detail-heading p{margin-top:16px;font-size:clamp(1.125rem,2vw,1.75rem);line-height:1.5}.studio-project-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.project-detail-image{margin:0}.project-detail-image img{width:100%;height:auto;display:block}.project-detail-image figcaption{color:var(--sw-muted);margin-top:12px;font-size:.8125rem}.project-detail-story{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:10vw;margin:64px 0 80px;display:grid}.project-author{font:.875rem/1.6 var(--sw-mono)}.project-detail-story p{max-width:65ch;margin-top:24px;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.65}.project-build-log{align-items:center;gap:12px;min-height:44px;margin-top:24px;text-decoration:underline;display:inline-flex}.project-detail-story dl{flex-direction:column;gap:28px;margin:0;display:flex}.project-detail-story dt{color:var(--sw-muted);margin-bottom:8px;font-size:.8125rem}.project-detail-story dd{font:.8125rem/1.8 var(--sw-mono);overflow-wrap:anywhere;margin:0}.project-other{flex-wrap:wrap;align-items:center;gap:16px 40px;margin-bottom:48px;display:flex}.project-other h2{width:100%;color:var(--sw-muted);font-size:1.125rem;font-weight:500}.project-other a{min-height:44px;font:500 1rem/1.6 var(--sw-mono);align-items:center;gap:16px;display:inline-flex}@media (width<=760px){.studio-project-index{grid-template-columns:1fr;gap:40px;padding-top:8px}.studio-project-text{padding-block:16px}.project-detail{padding-top:16px}.project-detail-heading{flex-direction:column;align-items:start;margin:24px 0 28px}.project-detail-story{grid-template-columns:1fr;gap:36px;margin:40px 0 48px}.project-detail-story dl{gap:24px}.project-other{gap:12px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}