.proof-design-card{display:block;text-align:left;color:#1b2c42;padding:0;border:0;background:none;border-radius:16px;min-width:0;cursor:pointer}
.proof-design-card .catalog-thumbnail{border-radius:15px;background:#101820;box-shadow:0 6px 17px #17334b0c}
.proof-design-card .catalog-thumbnail>img{object-fit:contain;background:#101820}
.proof-design-card .catalog-open{opacity:0;transition:opacity .2s;background:#0e1c33a8}
.proof-design-card:hover .catalog-open,.proof-design-card:focus-visible .catalog-open{opacity:1}
.proof-design-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:13px 1px 0}
.proof-design-caption strong{font-size:15px;line-height:1.6;display:block;font-weight:750;letter-spacing:-.3px}
.proof-design-caption small{display:block;font-size:12px;line-height:1.6;color:#65768b;margin-top:3px}
.proof-design-value{font-size:14px;font-weight:750;line-height:1.6;white-space:nowrap;color:#243d5b}
.proof-design-viewer{margin:0}.proof-design-viewer>img{display:block;width:100%;height:auto;border-radius:13px}.proof-design-viewer figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:14px;color:#506780}.proof-design-viewer figcaption strong{font-size:22px;color:#142c47}
.os-dialog:has(.proof-design-viewer){width:min(1120px,calc(100vw - 24px));max-width:none;padding:18px;background:#f7f9fc}
.os-dialog:has(.proof-design-viewer) .s-dialog-top{padding-bottom:12px;margin-bottom:14px}.os-dialog:has(.proof-design-viewer) .s-dialog-top>strong{font-size:18px}
.showcase-heading{scroll-margin-top:110px}
/* Glass is reserved for navigation and transient controls. */
.os-dock::after{content:'';position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 1px #fff8,inset -1px 0 2px #adcae74d,inset 0 -2px 3px #79a8d733;opacity:.85}
.os-dock.is-touching{box-shadow:0 14px 42px #1739502f,inset 0 2px 2px #fff,inset 0 -1px 2px #689ac966}
.os-dock.has-media-below{background:linear-gradient(145deg,#ffffffc9,#e0eeffd4);backdrop-filter:blur(32px) saturate(165%);-webkit-backdrop-filter:blur(32px) saturate(165%)}
.app-window-bar{position:relative;z-index:2;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(130deg,#faffffe8,#e9f2ffe5);transition:box-shadow .2s,background .2s}
.app-window.content-scrolled .app-window-bar{box-shadow:0 5px 12px #4b739912;background:linear-gradient(130deg,#fcfefff2,#eaf3fff0)}
.app-window.content-scrolled .app-window-bar:after{display:block;content:'';position:absolute;left:0;right:0;top:100%;height:14px;pointer-events:none;background:linear-gradient(#edf3fbd1,transparent)}
.os-primary,.os-small-button,.window-back,#window-expand,.rail-actions button{position:relative;isolation:isolate;overflow:hidden}
.os-primary:before,.window-back:before,#window-expand:before,.rail-actions button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle 75px at var(--press-x,50%) var(--press-y,50%),#ffffffb0,transparent 80%);transition:opacity .2s}
.touch-pressed:before{opacity:.65}.touch-pressed{transform:scale(.965)!important}.mouse-pressed{transform:scale(.985)!important}
.window-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
@media(min-width:700px){
 .design-proof-rail{grid-auto-columns:calc((100% - var(--rail-gap))/2)}.proof-design-caption strong{font-size:17px}.proof-design-value{font-size:18px}.proof-design-caption small{font-size:13px}.proof-design-caption{margin-top:16px}.os-dialog:has(.proof-design-viewer){padding:24px}
}
@media(min-width:1100px){.design-proof-rail{grid-auto-columns:calc((100% - var(--rail-gap)*1.15)/2.14)}.proof-design-caption strong{font-size:18px}.proof-design-value{font-size:19px}}
@media(hover:hover) and (pointer:fine){.os-dock a:active{transform:scale(.985)}.proof-design-card:hover .catalog-thumbnail>img{transform:scale(1.018)}}
@media(pointer:coarse){.os-dock a:active{transform:scale(.94)}.rail-actions button{width:44px;height:44px}.window-back,#window-expand{width:40px;height:40px}.proof-design-card .catalog-open{opacity:1}}
@media(max-width:359px){.proof-design-caption strong{font-size:14px}.proof-design-value{font-size:12px}.proof-design-caption small{font-size:11px}.proof-design-caption{gap:7px}}
@media(prefers-reduced-motion:reduce){.window-content{scroll-behavior:auto}.touch-pressed,.mouse-pressed,.os-dock a:active{transform:none!important}.os-primary:before,.window-back:before,#window-expand:before,.rail-actions button:before{display:none}}
@media(prefers-reduced-transparency:reduce){.os-dock.has-media-below,.app-window-bar{background:#f5f8fd;backdrop-filter:none;-webkit-backdrop-filter:none}.os-dock::after{display:none}}
@media(prefers-contrast:more){.proof-design-caption small{color:#273f59}.proof-design-card .catalog-thumbnail{outline:1px solid #183556}.os-dock.has-media-below,.app-window-bar{background:white;backdrop-filter:none;-webkit-backdrop-filter:none}}