:root{--library-sidebar-width:216px;--library-sidebar-padding:1.2rem 1rem 2rem 1.35rem;--library-sidebar-title-size:1rem;--library-sidebar-section-title-size:.78rem;--library-sidebar-label-size:.72rem;--library-sidebar-row-size:.72rem;--library-sidebar-count-size:.65rem;--library-sidebar-color-size:.64rem;--library-sidebar-action-size:.68rem;--library-sidebar-action-padding:.2rem 0;--library-sidebar-search-height:42px;--library-sidebar-row-height:36px;--library-sidebar-summary-height:32px;--library-sidebar-color-height:28px;--library-sidebar-color-all-height:34px;--library-sidebar-section-space:1rem;--library-sidebar-control-gap:.65rem;--library-sidebar-search-margin:1.25rem 0;--library-sidebar-drawer-width:min(360px, calc(100vw - 1.5rem));--library-sidebar-mobile-control-height:42px;--library-sidebar-mobile-control-size:.7rem;--library-sidebar-mobile-control-padding:.55rem .7rem;--library-sidebar-mobile-count-size:.625rem;--library-sidebar-mobile-count-box:20px;--library-gallery-title-size:1.2rem;--library-gallery-title-mobile-size:1rem;--library-card-title-size:.94rem;--library-card-meta-size:.75rem;--library-card-body-size:.75rem}[data-component-library] .component-card{border:1px solid var(--line);border-radius:var(--radius-card);content-visibility:auto;contain-intrinsic-size:auto 360px;cursor:pointer;background:#fff;flex-direction:column;gap:.85rem;min-width:0;padding:1rem;transition:border-color .18s,border-width .18s,padding .18s,box-shadow .18s;display:flex;position:relative}[data-component-library] .component-card:hover{z-index:20;border-color:var(--color-primary);border-width:2px;margin-top:-1px;padding:calc(1rem - 1px);box-shadow:0 10px 28px #0f172a14}[data-component-library] .component-card:focus-within{outline-offset:2px;outline:3px solid #0971e76b}[data-component-library] .component-card[hidden]{display:none}[data-component-library] .component-card__preview{aspect-ratio:4/3;border:1px solid var(--line);border-radius:calc(var(--radius-card) - 2px);pointer-events:none;background:#f7f9fb;min-width:0;position:relative;overflow:hidden}[data-component-library] .component-card__preview iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}[data-component-library] .component-card__preview-placeholder{background:linear-gradient(105deg,#f1f4f6 20%,#fafbfc 42%,#f1f4f6 64%) 0 0/240% 100%;animation:1.35s linear infinite catalog-preview-placeholder;position:absolute;inset:0}[data-component-library] .component-card__preview[data-preview-mounted=true] .component-card__preview-placeholder{opacity:0}[data-component-library] .component-card__link{z-index:30;border-radius:var(--radius-card);color:inherit;text-decoration:none;position:absolute;inset:0}[data-component-library] .component-card__link:focus-visible{outline:none}[data-component-library] .component-card__link-label,[data-design-style-library] .style-card__link>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}[data-component-library] .component-card__link-label{border:0;padding:0}[data-component-library] .card-meta{flex-direction:column;flex:1;padding-top:.8rem;display:flex}[data-component-library] .card-meta__topline{color:var(--color-neutral-500);font-size:var(--library-card-meta-size);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}[data-component-library] .card-meta__topline span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.18rem .34rem}[data-component-library] .card-meta__topline time{margin-left:auto}[data-component-library] .card-meta h3{font-size:var(--library-card-title-size);margin:.55rem 0 .25rem}[data-component-library] .card-meta p{min-height:2.7em;color:var(--muted);font-size:var(--library-card-body-size);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}[data-design-style-library] .style-card{border:1px solid var(--line);border-radius:var(--radius-card);content-visibility:auto;contain-intrinsic-size:auto 330px;background:#fff;min-width:0;transition:border-color .18s,box-shadow .18s,translate .18s;position:relative;overflow:hidden}[data-design-style-library] .style-card:hover,[data-design-style-library] .style-card:has(.style-card__link:focus-visible){border-color:var(--color-primary);translate:0 -2px;box-shadow:0 14px 35px #0f172a17}[data-design-style-library] .style-card[hidden]{display:none}[data-design-style-library] .style-card__preview{border-bottom:1px solid var(--line);pointer-events:none;background:#eef2f5;padding:.7rem}[data-design-style-library] .preview-frame{background:#fff;border:1px solid #0f172a29;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px #0f172a1f}[data-design-style-library] .preview-frame img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;display:block}[data-design-style-library] .style-card__body{flex-direction:column;justify-content:center;min-height:82px;padding:.8rem .9rem .9rem;display:flex}[data-design-style-library] .style-card__meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}[data-design-style-library] .style-card__meta span{border:1px solid var(--line);color:var(--color-neutral-600);font-size:var(--library-card-meta-size);border-radius:999px;padding:.16rem .34rem;line-height:1.2}[data-design-style-library] .style-card h2{font-size:var(--library-card-title-size);letter-spacing:-.02em;margin:.46rem 0 0}[data-design-style-library] .style-card__link{z-index:2;border-radius:inherit;position:absolute;inset:0}[data-design-style-library] .style-card__link:focus-visible{outline-offset:-4px;outline:3px solid #0971e773}@keyframes catalog-preview-placeholder{to{background-position:-240% 0}}@media (width<=720px){[data-component-library] .component-card{padding:.7rem}[data-component-library] .component-card:hover{padding:calc(.7rem - 1px)}}@media (width<=560px){[data-component-library] .component-card{padding:.8rem}[data-component-library] .component-card:hover{padding:calc(.8rem - 1px)}}@media (prefers-reduced-motion:reduce){[data-component-library] .component-card__preview-placeholder{animation:none}}