.showcase-chips{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.showcase-chips>li{border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-soft);padding:4px 10px;font-size:12px;font-weight:650}.showcase-start{flex-wrap:wrap;gap:8px;display:flex}.showcase-start>.primary-button{min-height:46px;padding-inline:24px;font-size:15px}.showcase-start>.secondary-button{min-height:46px}.showcase-manage{position:relative}.showcase-manage>summary{border:1px solid var(--border);border-radius:var(--radius-md);min-height:46px;color:var(--text-secondary);background:var(--surface);font-size:var(--font-ui);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-weight:650;list-style:none;display:inline-flex}.showcase-manage>summary::-webkit-details-marker{display:none}.showcase-manage>summary:hover,.showcase-manage[open]>summary{color:var(--text);background:var(--surface-hover)}.showcase-manage>summary svg{width:16px;height:16px}.showcase-manage>div{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:max-content;min-width:220px;box-shadow:var(--elevation-float);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.showcase-manage>div>:is(a,button){border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;font-size:14px;text-decoration:none;display:flex}.showcase-manage>div>:is(a,button):hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.showcase-manage>div>:is(a,button):disabled{opacity:.55;cursor:default}.showcase-manage>div svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.source-save-dialog .source-save-warning{align-items:flex-start;margin:0}.source-save-dialog .source-save-warning>svg{color:var(--warning);margin-top:2px}.source-save-dialog .source-save-warning strong{color:var(--text)}.showcase-section{border-bottom:1px solid var(--border);gap:14px;min-width:0;padding:28px 0;display:grid}.showcase-section-heading{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.showcase-section-heading h2{font-size:var(--font-section);font-weight:var(--weight-title);letter-spacing:var(--tracking-title);margin:0}.showcase-section-heading p{color:var(--text-muted);margin:0;font-size:13px}.showcase-section-heading a{font-size:13px;font-weight:650}.showcase-guide{gap:18px;display:grid}.showcase-guide .public-preview-prose{color:var(--text-secondary);margin:0}.showcase-author{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:0;display:block}.showcase-overview>.showcase-author{margin-block:28px}.showcase-author>summary{border-radius:var(--radius-lg);min-height:72px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;list-style:none;display:flex}.showcase-author>summary::-webkit-details-marker{display:none}.showcase-author>summary:hover{background:var(--surface-hover)}.showcase-author>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.showcase-author-title{gap:4px;min-width:0;display:grid}.showcase-author-title strong{font-size:var(--font-section);font-weight:var(--weight-title);letter-spacing:var(--tracking-title)}.showcase-author-title small{color:var(--text-muted);font-size:13px;font-weight:500;line-height:1.5}.showcase-author-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:34px;color:var(--text-secondary);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.showcase-author-toggle svg{width:16px;height:16px;transition:transform .16s var(--ease-out)}.showcase-author[open] .showcase-author-toggle svg{transform:rotate(180deg)}.showcase-author .when-open,.showcase-author[open] .when-closed{display:none}.showcase-author[open] .when-open{display:inline}.showcase-author[open]>summary{border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.showcase-author-body{padding:0 24px}.showcase-author-body>.presentation-section{padding:28px 0}.showcase-author-body .markdown-body h1{margin:0 0 .6em;font-size:20px}.showcase-author-body .markdown-body h2{font-size:17px}.presentation-role-map{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.presentation-role-map li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas-subtle);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 14px;display:flex}.presentation-role-map strong{font-size:14px}.presentation-role-map span{color:var(--text-secondary);font-size:13px}@media (width<=640px){.showcase-author>summary{padding:14px 16px}.showcase-author-toggle .when-closed,.showcase-author-toggle .when-open{display:none!important}.showcase-author-toggle{padding:0 8px}.showcase-author-body{padding:0 16px}}.showcase-more{padding-top:28px}.showcase-more>h2{font-size:var(--font-section);font-weight:var(--weight-title);margin:0 0 8px}.showcase-skeleton .presentation-hero-copy>span{background:var(--canvas-subtle);border-radius:6px;height:14px;margin:8px 0;display:block}.showcase-skeleton .presentation-hero-copy>span:first-of-type{width:60%;height:34px}.showcase-skeleton .presentation-hero-copy>span:nth-of-type(2){width:90%}.showcase-skeleton .presentation-hero-copy>span:nth-of-type(3){width:75%}@media (width<=640px){.showcase-hero .presentation-actions{margin-top:16px}.showcase-start{z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);backdrop-filter:blur(14px);flex-wrap:nowrap;position:fixed;bottom:0;left:0;right:0}.showcase-start>*{flex:1 1 0;justify-content:center}.showcase-page{padding-bottom:96px}.showcase-manage>div{left:0}.showcase-section{padding:22px 0}}.showcase-loading{color:var(--text-muted);align-items:center;gap:10px;margin:18px 0 0;font-size:14px;display:flex}.presentation-role-map{color:var(--text-muted);margin:12px 0 0;font-size:12px;line-height:1.7}.showcase-guide h3{margin:0 0 8px;font-size:15px}.showcase-opening summary{color:var(--accent);cursor:pointer;font-size:13px;font-weight:650}.showcase-opening blockquote{border-left:3px solid var(--accent);background:var(--canvas-subtle);max-height:40dvh;margin:10px 0 0;padding:12px 14px;font-size:13px;overflow:auto}.showcase-hero .remix-source{border-radius:var(--radius-sm);color:var(--text-muted);background:var(--canvas-subtle);flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 12px;font-size:13px;display:flex}.showcase-hero .remix-source>p{margin:0}.showcase-hero>.presentation-hero-copy>:is(.notice-bar,.inline-error,.contribution-version-note){margin:16px 0 0}.catalog-public-preview{margin-top:8px}.showcase-hero.presentation-hero{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"cover head""cover copy";align-items:start;gap:0 40px;margin-bottom:8px;padding:8px 0 28px}.showcase-hero .presentation-cover{aspect-ratio:2/3;width:200px;box-shadow:0 18px 40px var(--shadow), 0 0 0 1px var(--border);border-radius:5px 11px 11px 5px;grid-area:cover}.showcase-hero .presentation-cover:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#00000047,#0000);width:4%;position:absolute;inset:0 auto 0 0}.showcase-hero .presentation-hero-head{grid-area:head;min-width:0;padding-top:4px}.showcase-hero .presentation-hero-head h1{color:var(--text);font-size:clamp(28px,3vw,40px);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0;line-height:1.2}.showcase-hero .presentation-hero-head .presentation-byline{margin-top:10px}.showcase-hero .presentation-hero-copy{grid-area:copy;justify-content:flex-start}.showcase-hero .showcase-description{max-width:66ch;color:var(--text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin:14px 0 0;font-size:15.5px;line-height:1.75}.showcase-hero .showcase-description.is-folded{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.showcase-more-toggle{align-self:flex-start;margin-top:4px;font-size:13px}.showcase-chip-more{cursor:default;color:var(--text-secondary)!important;background:var(--canvas-subtle)!important}.showcase-hero .presentation-actions{margin-top:20px}.showcase-nav{z-index:6;border-bottom:1px solid var(--border);background:var(--canvas);scrollbar-width:none;gap:22px;margin:0 0 4px;padding:14px 0 0;display:flex;position:sticky;top:0;overflow-x:auto}.showcase-nav::-webkit-scrollbar{display:none}.showcase-nav a{color:var(--text-secondary);flex:none;padding:0 2px 12px;font-size:14px;font-weight:650;text-decoration:none}.showcase-nav a:hover{color:var(--text);box-shadow:inset 0 -2px 0 var(--border-strong)}.showcase-nav small{color:var(--text-muted);margin-left:5px;font-size:12px;font-weight:600}.showcase-section{scroll-margin-top:56px}.showcase-characters{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;display:grid}.showcase-character{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.showcase-character>div{min-width:0}.showcase-character h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14.5px;font-weight:720;overflow:hidden}.showcase-character p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12.5px;line-height:1.5;overflow:hidden}.showcase-portrait{width:44px;height:58px;color:var(--accent);background:var(--accent-soft);border-radius:8px;flex:0 0 44px;place-items:center;font-size:17px;font-weight:760;display:grid;overflow:hidden}.showcase-portrait>img{object-fit:cover;object-position:top center;width:100%;height:100%}.showcase-directory{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-raised);width:min(980px,100vw - 32px);height:min(780px,100dvh - 48px);box-shadow:var(--elevation-overlay);outline:none;flex-direction:column;display:flex}.showcase-directory>header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0;display:flex}.showcase-directory h2{margin:0;font-size:19px;font-weight:780}.showcase-directory h2 small{color:var(--text-muted);margin-left:6px;font-size:13px;font-weight:600}.showcase-directory-search{flex:none;margin:14px 20px}.showcase-directory-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-content:start;gap:6px;padding:0 20px 20px;display:grid;overflow-y:auto}.showcase-directory-list .showcase-character{background:0 0;border-color:#0000}.showcase-directory-list .showcase-character:hover{background:var(--surface-hover)}.showcase-directory-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;margin:32px 0}.showcase-openings{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.showcase-opening{min-width:0}.showcase-opening>:is(a,div){box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);height:100%;color:inherit;background:var(--surface);flex-direction:column;gap:8px;padding:16px 18px;text-decoration:none;display:flex}.showcase-opening>a{transition:border-color .14s,box-shadow .14s}.showcase-opening>a:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--elevation-float)}.showcase-opening h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15.5px;font-weight:720;overflow:hidden}.showcase-opening p{-webkit-line-clamp:3;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.showcase-opening-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:auto;padding-top:4px;display:flex}.showcase-opening-tag{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.showcase-opening-tag svg{width:13px;height:13px}.showcase-opening-action{color:var(--accent);font-size:13px;font-weight:700}.showcase-opening details{margin-top:2px}.showcase-roles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.showcase-roles>li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:4px;min-width:0;padding:16px 18px;display:flex}.showcase-role-kind{color:var(--accent);font-size:12px;font-weight:750}.showcase-roles h3{margin:0;font-size:16px;font-weight:740}.showcase-roles p{-webkit-line-clamp:3;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.showcase-roles>li.is-open p{white-space:pre-wrap;display:block}.showcase-roles .text-button{align-self:flex-start;margin-top:2px;font-size:13px}.showcase-fold{position:relative;overflow:hidden}.showcase-fold.is-folded:after{background:linear-gradient(180deg, transparent, var(--canvas) 78%);content:"";pointer-events:none;height:160px;position:absolute;bottom:0;left:0;right:0}.showcase-fold-bar{justify-content:center;padding-top:12px;display:flex}.showcase-fold.is-folded .showcase-fold-bar{z-index:1;padding:0;position:absolute;bottom:18px;left:0;right:0}@media (width<=640px){.showcase-hero.presentation-hero{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"cover head""copy copy";gap:0 16px;padding:4px 0 20px}.showcase-hero .presentation-cover{width:104px;max-height:none}.showcase-hero .presentation-hero-head h1{font-size:21px;line-height:1.3}.showcase-hero .showcase-description{font-size:14.5px}.showcase-hero .showcase-description.is-folded{-webkit-line-clamp:3}.showcase-nav{gap:18px;margin-inline:-16px;padding-inline:16px}.showcase-section>.showcase-characters{scrollbar-width:none;gap:12px;margin-inline:-16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.showcase-section>.showcase-characters .showcase-character{text-align:center;background:0 0;border:0;flex-direction:column;flex:0 0 72px;gap:6px;width:72px;padding:0}.showcase-section>.showcase-characters .showcase-portrait{flex-basis:auto;width:60px;height:78px}.showcase-section>.showcase-characters .showcase-character h3{font-size:12.5px}.showcase-section>.showcase-characters .showcase-character p{display:none}.showcase-opening p{-webkit-line-clamp:2}.showcase-directory{border-radius:0;width:100vw;height:100dvh}}.showcase-section-heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;display:flex}.showcase-section-heading>.text-button{flex:none;font-size:13.5px;font-weight:700}.showcase-roles .text-button,.showcase-hero .showcase-more-toggle{min-height:28px;padding-inline:0}.showcase-guide .public-preview-prose,.pack-play-guide{max-width:72ch}.showcase-section-actions{flex:none;align-items:center;gap:4px 14px;display:flex}.showcase-section-actions .text-button{font-size:13.5px;font-weight:700}.presentation-byline .catalog-byline{display:inline}