.rfb-template-library{display:grid;grid-template-rows:auto 1fr auto;block-size:100dvh;background:var(--rfb-color-background);font-family:var(--rfb-font-family);color:var(--rfb-color-text)}.rfb-template-library__toolbar{display:flex;flex-wrap:wrap;gap:var(--rfb-space-400);align-items:flex-start;padding:var(--rfb-space-400) var(--rfb-space-500);background:var(--rfb-color-surface);border-block-end:1px solid var(--rfb-color-border)}.rfb-template-library__name{display:flex;flex:1 1 420px;gap:var(--rfb-space-300);align-items:center;min-inline-size:0}.rfb-template-library__label{flex:none;color:var(--rfb-color-text);font-size:var(--rfb-font-size-base);font-weight:var(--rfb-font-weight-medium);line-height:var(--rfb-line-height-tight);white-space:nowrap}.rfb-template-library__required{margin-inline-start:var(--rfb-space-050);color:var(--rfb-color-critical)}.rfb-template-library__control{flex:1;min-inline-size:0}.rfb-template-library__field-error{color:var(--rfb-color-critical);font-size:var(--rfb-font-size-xs);font-weight:var(--rfb-font-weight-medium);white-space:nowrap}.rfb-template-library__search{flex:0 1 320px;min-inline-size:0}.rfb-template-library__body{overflow-y:auto;padding:var(--rfb-space-500);overscroll-behavior:contain}.rfb-template-library__notice,.rfb-template-library__status{max-inline-size:720px;margin-inline:auto;margin-block-end:var(--rfb-space-500)}.rfb-template-library__status{display:flex;flex-direction:column;gap:var(--rfb-space-400);align-items:center;justify-content:center;min-block-size:320px;text-align:center}.rfb-template-library__empty{display:flex;flex-direction:column;gap:var(--rfb-space-300);align-items:center;justify-content:center;min-block-size:320px;max-inline-size:46ch;margin-inline:auto;text-align:center}.rfb-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--rfb-space-400);margin:0;padding:0;list-style:none}.rfb-template-card__item{display:flex;min-inline-size:0}.rfb-template-library__paging{display:flex;flex-direction:column;gap:var(--rfb-space-300);align-items:center;padding-block:var(--rfb-space-800);min-block-size:96px}.rfb-template-library__count{margin:0;color:var(--rfb-color-text-secondary);font-size:var(--rfb-font-size-sm)}.rfb-template-skeleton{display:flex;flex:1;flex-direction:column;gap:var(--rfb-space-300);padding:var(--rfb-space-300);background:var(--rfb-color-surface);border:1px solid var(--rfb-color-border);border-radius:var(--rfb-radius-lg);box-shadow:var(--rfb-shadow-card)}.rfb-template-skeleton__preview{aspect-ratio:4 / 3;border-radius:var(--rfb-radius-base)}.rfb-template-skeleton__line{block-size:var(--rfb-space-300);border-radius:var(--rfb-radius-sm)}.rfb-template-skeleton__line--short{inline-size:60%}.rfb-template-skeleton__preview,.rfb-template-skeleton__line{background:linear-gradient(90deg,var(--rfb-color-surface-subdued) 25%,var(--rfb-color-surface-active) 50%,var(--rfb-color-surface-subdued) 75%) 0 0 / 300% 100%;animation:rfb-template-skeleton-sweep 1.4s ease-in-out infinite}@keyframes rfb-template-skeleton-sweep{0%{background-position-x:100%}to{background-position-x:0%}}@media(prefers-reduced-motion:reduce){.rfb-template-skeleton__preview,.rfb-template-skeleton__line{background:var(--rfb-color-surface-subdued);animation:none}}.rfb-template-card{display:flex;flex:1;flex-direction:column;gap:var(--rfb-space-300);padding:var(--rfb-space-300);background:var(--rfb-color-surface);border:1px solid var(--rfb-color-border);border-radius:var(--rfb-radius-lg);box-shadow:var(--rfb-shadow-card);font:inherit;color:inherit;text-align:start;cursor:pointer;transition:border-color var(--rfb-duration-base) var(--rfb-easing),box-shadow var(--rfb-duration-base) var(--rfb-easing),background-color var(--rfb-duration-base) var(--rfb-easing)}.rfb-template-card:hover{border-color:var(--rfb-color-border-strong);box-shadow:var(--rfb-shadow-popover)}.rfb-template-card:focus-visible{outline:none;box-shadow:var(--rfb-focus-ring)}.rfb-template-card[aria-pressed=true]{background:var(--rfb-color-surface-selected);border-color:var(--rfb-color-interactive);box-shadow:inset 0 0 0 1px var(--rfb-color-interactive)}.rfb-template-card__preview{position:relative;display:block;overflow:hidden;border-radius:var(--rfb-radius-base)}.rfb-template-preview{display:block;inline-size:100%;block-size:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:top;background:var(--rfb-color-surface-subdued)}.rfb-template-preview--panel{aspect-ratio:1 / 1}.rfb-template-card__tick{position:absolute;inset-block-start:var(--rfb-space-200);inset-inline-end:var(--rfb-space-200);display:flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;color:var(--rfb-color-text-on-inverse);background:var(--rfb-color-interactive);border-radius:var(--rfb-radius-full)}.rfb-template-card__body{display:flex;gap:var(--rfb-space-300);align-items:flex-start;justify-content:space-between}.rfb-template-card__text{display:flex;flex-direction:column;gap:var(--rfb-space-050);min-inline-size:0}.rfb-template-card__name{font-size:var(--rfb-font-size-base);font-weight:var(--rfb-font-weight-bold);line-height:var(--rfb-line-height-tight)}.rfb-template-card__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--rfb-color-text-secondary);font-size:var(--rfb-font-size-sm);line-height:var(--rfb-line-height-base)}.rfb-template-card__action{flex:none;padding:var(--rfb-space-100) var(--rfb-space-300);color:var(--rfb-color-interactive);background:var(--rfb-color-interactive-surface);border-radius:var(--rfb-radius-full);font-size:var(--rfb-font-size-xs);font-weight:var(--rfb-font-weight-medium);white-space:nowrap}.rfb-template-card__meta{display:flex;flex-wrap:wrap;gap:var(--rfb-space-100);margin-block-start:auto}.rfb-template-card__tag{padding:var(--rfb-space-050) var(--rfb-space-200);color:var(--rfb-color-text-secondary);background:var(--rfb-color-surface-subdued);border-radius:var(--rfb-radius-sm);font-size:var(--rfb-font-size-xs)}.rfb-template-library__selection{padding:var(--rfb-space-300) var(--rfb-space-500);background:var(--rfb-color-surface);border-block-start:1px solid var(--rfb-color-border);box-shadow:var(--rfb-shadow-overlay)}.rfb-template-selection{display:flex;gap:var(--rfb-space-400);align-items:center;max-inline-size:1100px;margin-inline:auto}.rfb-template-selection__preview{flex:none;overflow:hidden;inline-size:96px;border:1px solid var(--rfb-color-border);border-radius:var(--rfb-radius-base)}.rfb-template-selection__text{display:flex;flex:1;flex-direction:column;gap:var(--rfb-space-050);min-inline-size:0}.rfb-template-selection__eyebrow{margin:0;color:var(--rfb-color-text-secondary);font-size:var(--rfb-font-size-xs);font-weight:var(--rfb-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.rfb-template-selection__name{margin:0;font-size:var(--rfb-font-size-lg);font-weight:var(--rfb-font-weight-bold);line-height:var(--rfb-line-height-tight)}.rfb-template-selection__description{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--rfb-color-text-secondary);font-size:var(--rfb-font-size-sm);line-height:var(--rfb-line-height-base)}.rfb-template-selection__action{display:flex;flex:none;gap:var(--rfb-space-300);align-items:center}.rfb-template-selection__hint{margin:0;color:var(--rfb-color-critical);font-size:var(--rfb-font-size-sm)}@media(max-width:749px){.rfb-template-library__toolbar,.rfb-template-library__body,.rfb-template-library__selection{padding-inline:var(--rfb-space-400)}.rfb-template-library__name{flex-basis:100%;flex-wrap:wrap;gap:var(--rfb-space-100)}.rfb-template-library__control,.rfb-template-library__search{flex-basis:100%}.rfb-template-grid{grid-template-columns:1fr}.rfb-template-selection__preview{display:none}.rfb-template-selection{flex-wrap:wrap}.rfb-template-selection__action,.rfb-template-selection__action s-button{inline-size:100%}.rfb-template-selection__description{-webkit-line-clamp:1}}