.templates-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-300)}.design-card{position:relative;min-width:0;margin:0}.project-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-background-preview);color:var(--color-text);text-decoration:none;transition:border-color var(--duration-feedback) ease}.design-card:focus-within .project-card,.design-card:hover .project-card,.project-card:hover{border-color:var(--color-border-surface-hovered)}.project-thumb{width:100%;aspect-ratio:5/4;display:grid;place-items:center;background:var(--color-background-preview);overflow:hidden}.project-thumb-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(.7)}.project-thumb>svg{width:75%;height:75%;transform:scale(.7)}.project-body{padding:var(--spacing-200)}.project-name{margin:0;font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis}.design-card:hover .project-name,.project-card:hover .project-name{text-decoration:underline;text-underline-offset:3px}.template-desc{margin:var(--spacing-050) 0 0;font-size:var(--text-body-small);line-height:var(--leading-body-small)}.card-open{position:absolute;inset:0;width:100%;height:100%;padding:0;color:transparent;border:0;border-radius:var(--radius-surface);background:transparent;cursor:pointer}.card-open:disabled{cursor:progress}.project-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-150);min-height:240px;padding:var(--spacing-400);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface)}.project-empty p{margin:0}.project-empty-title{font-size:var(--text-heading-medium);line-height:var(--leading-heading-medium);font-weight:var(--font-weight-semibold)}.project-empty-desc{max-width:52ch}.project-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-100);margin-top:var(--spacing-100)}.shelf-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-300);margin-bottom:var(--spacing-300)}.segmented{height:var(--spacing-600);padding:var(--spacing-050);gap:var(--spacing-050);background:var(--color-background-tabs);border-radius:var(--radius-surface)}.segmented,.segmented button{display:inline-flex;align-items:center}.segmented button{justify-content:center;height:var(--container-control);padding:0 var(--spacing-200);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}.segmented button:hover{background:var(--color-background-surface)}.segmented button.is-active{border-color:var(--color-border-input);background:var(--color-background-tabs-selected);color:var(--color-text-selected);font-weight:var(--font-weight-semibold);box-shadow:0 1px 2px var(--color-shadow-overlay)}.segmented button:focus-visible{outline-offset:-3px}.shelf-browse{display:inline-flex;align-items:center;gap:var(--spacing-100);font-size:var(--text-body-small);line-height:var(--leading-body-small);color:var(--color-text-link);text-decoration:none;white-space:nowrap}.shelf-browse:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-200)}.shelf-bar{flex-wrap:wrap;gap:var(--spacing-200)}.segmented{display:flex;width:100%}.segmented button{flex:1;padding-inline:var(--spacing-100)}}