/* Project, archive and style catalogs inherit the Proof library composition. */
.proof-catalog-main{padding:36px 40px 64px;min-width:0}
.proof-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.proof-catalog-heading h1{font-size:var(--proof-font-page);line-height:var(--proof-leading-tight);letter-spacing:var(--proof-tracking-heading);margin:0 0 12px}
.proof-catalog-heading p{margin:0;color:var(--proof-text-muted);max-width:70ch}
.proof-catalog-heading>.proof-button{white-space:nowrap;flex-shrink:0}
.proof-catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.proof-catalog-search{flex:1;max-width:520px;margin:0}
.proof-catalog-table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.proof-catalog-col-item{width:auto}.proof-catalog-col-actions{width:240px}
.proof-catalog-table th{text-align:left;font-weight:400;font-size:var(--proof-font-sm);color:var(--proof-text-muted);padding:0 16px 14px 0}
.proof-catalog-table td{padding:16px 20px 16px 0;border-top:1px solid var(--proof-border);vertical-align:middle}
.proof-catalog-table tr:last-child td{border-bottom:1px solid var(--proof-border)}.proof-catalog-table td:last-child{padding-right:0}
.proof-catalog-item{display:flex;align-items:center;gap:24px;min-width:0}
.proof-catalog-frame{width:120px;height:76px;flex-shrink:0;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:var(--proof-radius-small);background:var(--proof-surface-subtle);color:var(--proof-text-muted)}
.proof-catalog-frame>svg{width:32px;height:32px}.proof-catalog-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.proof-catalog-name{min-width:0}.proof-catalog-title{display:block;max-width:100%;border:0;background:none;padding:0;color:var(--proof-text);font:600 18px/1.4 var(--proof-font-family);text-align:left;cursor:pointer;overflow-wrap:anywhere}
.proof-catalog-title:hover{text-decoration:underline}.proof-catalog-name p{font-size:var(--proof-font-sm);color:var(--proof-text-muted);margin:6px 0 0;overflow-wrap:anywhere}.proof-catalog-name .proof-catalog-audience{margin-top:4px}
.proof-catalog-table tr[data-catalog-id]{cursor:pointer}.proof-catalog-table tr[data-catalog-id]:is(:hover,:focus-within){background:var(--proof-surface-subtle)}
.proof-catalog-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.corteo-chip{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:2px 10px;border:var(--proof-border-width) solid var(--proof-border);border-radius:var(--proof-radius-round);background:var(--proof-surface);color:var(--proof-text);font-size:var(--proof-font-xs);line-height:1.35;white-space:nowrap}.corteo-chip-label{color:var(--proof-text-muted)}
.proof-catalog-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.proof-catalog-actions .proof-button{white-space:nowrap;min-height:44px;height:auto;padding:10px 16px;font-size:var(--proof-font-sm)}
.proof-catalog-actions .pm-menu summary{box-sizing:border-box;width:44px;height:44px;border:var(--proof-border-width) solid var(--proof-control-border);border-radius:var(--proof-radius-control)}.proof-catalog-actions .pm-menu summary svg{color:var(--proof-text)}.proof-catalog-actions .pm-menu summary:hover,.proof-catalog-actions .pm-menu[open]>summary{background:var(--proof-surface-hover)}.proof-catalog-actions .pm-menu summary:active{background:var(--proof-selection)}.proof-catalog-actions .pm-menu>div{width:240px}
.proof-catalog-actions.is-style{gap:12px}
.proof-catalog-sample{margin:0;width:192px;flex-shrink:0}.proof-catalog .pm-sample-stage{background:var(--proof-player-background);height:108px;min-height:0;padding:12px;margin:0;border-radius:var(--proof-radius-small)}.proof-catalog .pm-sample-caption{line-height:1.3}.proof-catalog-sample figcaption{font-size:var(--proof-font-xs);color:var(--proof-text-muted);margin-top:8px}.proof-catalog-no-captions{color:var(--proof-player-foreground);font-size:var(--proof-font-sm)}
.proof-catalog-note{margin:24px 0 0;max-width:70ch;font-size:var(--proof-font-sm);color:var(--proof-text-muted)}
.proof-catalog-empty{text-align:center;padding:64px 24px}.proof-catalog-empty h2{margin:0 0 12px;font-size:var(--proof-font-heading)}.proof-catalog-empty p{max-width:54ch;margin:0 auto 24px;color:var(--proof-text-muted)}
.proof-catalog .proof-library-sidebar [data-action=projects]{font:inherit;padding-left:16px}
@media(max-width:1450px){.proof-catalog-main{padding:32px 28px 56px}.proof-catalog-heading h1{font-size:32px}.proof-catalog-frame{width:112px;height:78px}.proof-catalog-item{gap:16px}.proof-catalog-sample{width:192px}.proof-catalog .pm-sample-stage{height:100px}.proof-catalog-table td{padding-right:16px}.proof-catalog-actions{gap:8px}.proof-catalog-actions .proof-button{padding:10px 12px}}
@media(max-width:1050px){.proof-catalog-col-actions{width:200px}.proof-catalog-frame{width:76px;height:64px}.proof-catalog-item{gap:12px}.proof-catalog-sample{width:156px}.proof-catalog .pm-sample-stage{height:110px}.proof-catalog-actions{flex-wrap:wrap}.proof-catalog-heading{align-items:flex-start}}

.proof-catalog-sample-content{position:absolute;left:50%;top:50%;width:max-content;white-space:nowrap;transform:translate(-50%,-50%) scale(var(--sample-scale,.4));transform-origin:center}
.proof-catalog #pm-error:not([hidden]){margin-bottom:20px}
.proof-catalog-actions .pm-menu>div{background:var(--proof-surface);border:0;box-shadow:var(--proof-shadow-menu)}
.proof-catalog-actions .pm-menu .pm-danger{color:var(--proof-error)}

.proof-library-layout--simple .proof-catalog-main{padding:32px 40px 56px}
.proof-library-layout--simple .proof-catalog-heading{margin-bottom:24px}
.proof-library-layout--simple .proof-catalog-heading h1{font-size:32px;margin-bottom:8px}
.proof-catalog-switch{box-sizing:border-box;display:flex;align-items:center;gap:4px;height:48px;padding:4px;border:var(--proof-border-width) solid var(--proof-border);border-radius:var(--proof-radius-control);background:var(--proof-surface)}
.proof-catalog-switch :is(button,a[data-corteo-link]){display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 14px;border:0;border-radius:var(--proof-radius-small);background:none;color:var(--proof-text);font:inherit;font-size:var(--proof-font-sm);text-decoration:none;cursor:pointer}
.proof-catalog-switch :is(button,a[data-corteo-link])[aria-current]{background:var(--proof-selection);color:var(--proof-primary-text);font-weight:600}
.proof-catalog-switch :is(button,a[data-corteo-link]):hover:not([aria-current]){background:var(--proof-surface-hover)}
.proof-catalog-count{font-variant-numeric:tabular-nums;font-weight:inherit;color:inherit}
@media(max-width:1050px){.proof-library-layout--simple .proof-catalog-main{padding:28px 24px 48px}}
@media(max-width:700px){
 .proof-library-layout--simple .proof-catalog-main{padding:24px 16px 40px}
 .proof-library-layout--simple .proof-catalog-heading{flex-wrap:wrap;gap:16px}
 .proof-library-layout--simple .proof-catalog-heading h1{font-size:28px}
 .proof-library-layout--simple .proof-catalog-table,.proof-library-layout--simple .proof-catalog-table tbody{display:block}
 .proof-library-layout--simple .proof-catalog-table :is(thead,colgroup){display:none}
 .proof-library-layout--simple .proof-catalog-table tr{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--proof-border);padding:24px 0;gap:16px}
 .proof-library-layout--simple .proof-catalog-table td{border:0;padding:0;height:auto}
 .proof-library-layout--simple .proof-catalog-table tr:last-child td{border:0}
 .proof-library-layout--simple .proof-catalog-item{flex-wrap:wrap;gap:16px}
 .proof-library-layout--simple .proof-catalog-search{flex-basis:100%;max-width:none}
 .proof-library-layout--simple .proof-catalog-actions{justify-content:flex-start}
 .proof-library-layout--simple .proof-catalog-actions.is-style{flex-direction:row;align-items:center;gap:24px}
 .proof-library-layout--simple .proof-catalog-sample{width:192px}
}