.showcase-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.showcase-toolbar p{margin:0;color:var(--studio-text);font-size:14px}.showcase-toolbar input{width:min(100%,280px)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}.showcase-card{border:1px solid var(--studio-rule);background:var(--studio-panel);border-radius:8px;overflow:hidden}.studio-v2 .showcase-preview{width:100%;height:360px;overflow:hidden;padding:16px;display:flex;border:0;border-radius:0;align-items:center;justify-content:center;background:var(--studio-field)}.showcase-preview>svg{max-width:100%;max-height:100%;width:100%;height:auto}.showcase-card-caption{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px}.showcase-card-caption strong{font-weight:500;overflow-wrap:anywhere}.showcase-card-caption span{display:block;color:var(--studio-muted);font-size:11px;margin-top:4px;text-transform:capitalize}.showcase-empty{padding:48px 24px;border:1px dashed var(--studio-rule);text-align:center}.showcase-empty h2{font:500 18px/1.4 var(--studio-font-ui)}.showcase-empty p{color:var(--studio-muted)}.showcase-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));width:100%;height:100%;min-height:200px}.showcase-palette>span{flex:1 1;display:flex;align-items:end;justify-content:center;padding-bottom:16px}.showcase-palette small{color:var(--studio-text);background:var(--studio-chrome);padding:4px;font:11px var(--font-mono)}.showcase-type{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px}.showcase-type strong{font-weight:400;font-size:36px;line-height:1.1}.showcase-type span{font-size:16px}@media (max-width:700px){.showcase-toolbar{flex-direction:column;align-items:stretch}.showcase-toolbar input{width:100%}}.showcase-toolbar>div{display:flex;align-items:center;gap:8px}.showcase-toolbar input,.showcase-toolbar>div{min-width:0}.showcase-brand-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--studio-rule);border-radius:8px;overflow:hidden;background:var(--studio-panel);margin-bottom:24px}.showcase-identity-art{display:grid;place-items:center;min-width:0;min-height:320px;background:var(--studio-field)}.showcase-identity-art .studio-project-media-preview{width:100%;height:100%;min-height:320px;border:0;border-radius:0;padding:32px}.showcase-identity-art .studio-project-media-preview img{max-height:320px;object-fit:contain}.showcase-brand-description,.showcase-identity-empty{padding:32px}.showcase-eyebrow,.showcase-identity-empty>span{color:var(--studio-muted);font:11px/1.4 var(--studio-font-ui)}.showcase-brand-description h2{margin:16px 0;font:400 clamp(32px,4vw,52px)/1.1 var(--font-display);overflow-wrap:anywhere}.showcase-brand-description p,.showcase-identity-empty p,.showcase-kit-empty p{color:var(--studio-muted);font-size:13px;line-height:1.6}.showcase-brand-description dl{display:flex;flex-wrap:wrap;gap:24px;padding-block:20px;margin:24px 0;border-block:1px solid var(--studio-rule)}.showcase-brand-description dt{color:var(--studio-muted);font-size:11px}.showcase-brand-description dd{font-size:13px;margin:8px 0 0}.showcase-brand-description .showcase-provenance{font-size:11px;margin-bottom:0}.showcase-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.showcase-kit-card,.showcase-kit-empty{min-width:0}.showcase-kit-empty{display:flex;align-items:start;flex-direction:column;justify-content:center;min-height:300px;padding:32px;border:1px dashed var(--studio-rule);border-radius:8px}.showcase-kit-empty h3{margin:16px 0 0;font:400 28px/1.1 var(--font-display)}.showcase-identity-empty a,.showcase-kit-empty a{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.showcase-kit-card .showcase-type{width:100%;overflow-wrap:anywhere}.showcase-toolbar p span{display:block;color:var(--studio-muted);margin-top:4px;font-size:11px}.showcase-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.showcase-section-nav a{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--studio-rule);border-radius:6px;font-size:12px;text-decoration:none}.showcase-section-nav a span{font:10px var(--font-mono);color:var(--studio-muted)}.showcase-section{margin-block:40px;scroll-margin-top:24px}.showcase-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.showcase-detail h2,.showcase-section h2{margin:0;font:400 28px/1.1 var(--font-display)}.showcase-section>header a,.showcase-section>header>span{font-size:12px;color:var(--studio-muted)}.showcase-section>header a{display:flex;gap:8px;align-items:center}.showcase-detail{padding:24px;border:1px solid var(--studio-rule);background:var(--studio-panel);border-radius:8px;scroll-margin-top:16px;margin-bottom:40px}.showcase-detail>footer,.showcase-detail>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.showcase-detail>footer{margin-top:20px;font-size:12px;color:var(--studio-muted)}.showcase-detail-art{display:flex;justify-content:center;align-items:center;margin-top:24px;padding:32px;background:var(--studio-field);min-width:0}.showcase-detail-art>svg{width:100%;max-height:75svh}.showcase-detail-art[data-kind=packaging]{padding:0;height:70svh;min-height:360px}.showcase-detail-art .pack-viewport{width:100%;height:100%;position:relative}.showcase-detail-art .pack-viewport canvas{width:100%;height:100%;display:block}.showcase-detail-art>.studio-motion-preview{width:100%}.showcase-content-art{width:100%;max-height:100%;overflow:auto;--studio-text:var(--brand-carbon);--studio-muted:var(--brand-concrete);--studio-rule:color-mix(in srgb,var(--brand-carbon) 18%,var(--brand-white));--studio-panel:var(--brand-white);--studio-field:var(--brand-cool-white);--studio-active:color-mix(in srgb,var(--brand-carbon) 7%,var(--brand-white));--tool-panel:var(--brand-white);--tool-raised:var(--brand-white);--tool-ink:var(--brand-carbon);--tool-muted:var(--brand-concrete);--tool-line:var(--studio-rule);--tool-focus:var(--brand-carbon);background:var(--brand-white);color:var(--brand-carbon);color-scheme:light}.showcase-preview .showcase-content-art{pointer-events:none}.showcase-grid-art{width:100%;position:relative;overflow:hidden}.showcase-motion-specimen{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:20px}.showcase-motion-specimen>span{font:11px var(--font-mono);color:var(--studio-muted)}.showcase-detail-art[data-kind=media]>*{width:100%}.showcase-resources>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.showcase-resources a{padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px;background:var(--studio-panel);border:1px solid var(--studio-rule);border-radius:8px;text-decoration:none}.showcase-resources a span{grid-column:1;font-size:12px;color:var(--studio-muted);line-height:1.5}.showcase-resources a svg{grid-column:2;grid-row:1;width:16px;height:16px}@media (max-width:700px){.showcase-brand-overview,.showcase-kit-grid{grid-template-columns:minmax(0,1fr)}.showcase-identity-art,.showcase-identity-art .studio-project-media-preview{min-height:220px}.showcase-identity-art .studio-project-media-preview img{max-height:220px}.showcase-brand-description,.showcase-identity-empty,.showcase-kit-empty{padding:24px}.showcase-section>header{align-items:start;flex-wrap:wrap}.showcase-toolbar>div{width:100%}.showcase-detail h2,.showcase-section h2{font-size:24px}.showcase-detail{padding:16px}.showcase-detail-art{padding:12px}.showcase-resources>div{grid-template-columns:1fr}.studio-v2 .showcase-preview{height:300px}}.showcase-packaging-art{width:100%;height:100%;min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.showcase-packaging-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid var(--studio-rule);background:var(--studio-panel)}.studio-v2 .showcase-detail :is(footer,.showcase-packaging-controls) .ui-segmented{width:auto;flex:0 1 auto}.studio-v2 .showcase-detail :is(footer,.showcase-packaging-controls) .ui-segment{padding-inline:12px}.showcase-card .studio-project-media-filetype{display:none}@media (max-width:700px){.studio-v2 .showcase-detail footer .ui-segmented{width:100%;flex-wrap:wrap}.studio-v2 .showcase-detail footer .ui-segment{flex:1 1 40%}}