.adl-demo-library{--adl-text:#f8faf8;--adl-muted:#969d94;--adl-surface:#191c18;--adl-surface-2:#1f231e;--adl-line:#2b3029;--adl-accent:#ffffff;--adl-library-bg:#121411;--adl-card-bg:#191c18;--adl-card-hover-bg:#191c18;--adl-card-text:#f8faf8;--adl-card-meta:#969d94;--adl-card-border:#292d28;--adl-card-hover-border:#3b4139;--adl-card-radius:16px;--adl-card-shadow:0 0 0 rgba(0,0,0,0);--adl-card-hover-shadow:0 18px 45px rgba(0,0,0,.18);--adl-filter-bg:#1f231e;--adl-filter-text:#c7cbc4;--adl-filter-border:#2b3029;--adl-filter-hover-bg:#ffffff;--adl-filter-hover-text:#10120f;--adl-filter-hover-border:#ffffff;--adl-filter-radius:999px;--adl-filter-shadow:0 0 0 rgba(0,0,0,0);--adl-filter-hover-shadow:0 8px 24px rgba(0,0,0,.16);--adl-cols-desktop:3;--adl-cols-tablet:2;--adl-cols-mobile:1;--adl-gap:24px;color:var(--adl-text);background:var(--adl-library-bg)}.adl-demo-library *,.adl-demo-library *::before,.adl-demo-library *::after{box-sizing:border-box}.adl-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:30px}.adl-filters{display:flex;gap:8px;flex-wrap:wrap}.adl-filter{appearance:none;border:1px solid var(--adl-filter-border);border-radius:var(--adl-filter-radius);background:var(--adl-filter-bg);color:var(--adl-filter-text);box-shadow:var(--adl-filter-shadow);padding:10px 15px;font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.adl-filter:hover,.adl-filter:focus-visible,.adl-filter.is-active{background:var(--adl-filter-hover-bg);border-color:var(--adl-filter-hover-border);color:var(--adl-filter-hover-text);box-shadow:var(--adl-filter-hover-shadow)}.adl-filter:focus-visible,.adl-preview:focus-visible,.adl-search input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.adl-search{margin-left:auto;min-width:min(280px, 100%);display:flex;align-items:center;gap:8px;border:1px solid var(--adl-line);border-radius:999px;padding:0 15px;background:var(--adl-surface-2);color:var(--adl-muted)}.adl-search input{width:100%;min-width:0;padding:11px 0;border:0;outline:0;color:#fff;background:#fff0;font:inherit}.adl-search input::placeholder{color:#7f857b;opacity:1}.adl-grid{display:grid;grid-template-columns:repeat(var(--adl-cols-desktop),minmax(0,1fr));gap:var(--adl-gap)}.adl-card{min-width:0;position:relative;overflow:hidden;border:1px solid var(--adl-card-border);border-radius:var(--adl-card-radius);background:var(--adl-card-bg);box-shadow:var(--adl-card-shadow);transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.adl-card[hidden]{display:none!important}.adl-card:hover{transform:translateY(-4px);border-color:var(--adl-card-hover-border);background:var(--adl-card-hover-bg);box-shadow:var(--adl-card-hover-shadow)}.adl-thumb{position:relative;overflow:hidden;aspect-ratio:16 / 11;background:#242824}.adl-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.adl-card:hover .adl-thumb img{transform:scale(1.025)}.adl-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 42%),#242824}.adl-card-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgb(10 12 10 / .5);opacity:0;transition:opacity .2s ease}.adl-card:hover .adl-card-overlay,.adl-card:focus-within .adl-card-overlay{opacity:1}.adl-preview{display:inline-flex;align-items:center;gap:5px;padding:12px 17px;border-radius:999px;background:#fff;color:#101210;text-decoration:none;font-size:13px;font-weight:800;line-height:1}.adl-card-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px}.adl-card-copy{min-width:0}.adl-title{margin:0 0 5px!important;color:var(--adl-card-text);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.02em}.adl-meta{color:var(--adl-card-meta);font-size:12px;line-height:1.4}.adl-badge{flex:none;border-radius:999px;padding:6px 9px;background:#253229;color:#83d3a5;font-size:10px;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}.adl-badge.is-new{background:#342c21;color:#f0c37b}.adl-empty{grid-column:1 / -1;padding:48px 20px;border:1px dashed var(--adl-line);border-radius:16px;color:var(--adl-muted);text-align:center}.adl-empty[hidden]{display:none!important}@media (max-width:980px){.adl-grid{grid-template-columns:repeat(var(--adl-cols-tablet),minmax(0,1fr))}}@media (max-width:650px){.adl-controls{align-items:stretch}.adl-search{width:100%;min-width:100%;margin-left:0}.adl-grid{grid-template-columns:repeat(var(--adl-cols-mobile),minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.adl-card,.adl-thumb img,.adl-card-overlay,.adl-filter{transition:none}}.adl-title{font-family:var(--adl-title-font,inherit);font-size:var(--adl-title-size,16px);font-weight:var(--adl-title-weight,700);line-height:var(--adl-title-line,1.3);letter-spacing:var(--adl-title-letter,-.2px);text-transform:var(--adl-title-transform,none);margin:0 0 var(--adl-title-mb,5px)!important;color:var(--adl-card-text,#f8faf8)}.adl-meta{font-family:var(--adl-meta-font,inherit);font-size:var(--adl-meta-size,12px);font-weight:var(--adl-meta-weight,400);line-height:var(--adl-meta-line,1.4);letter-spacing:var(--adl-meta-letter,0);text-transform:var(--adl-meta-transform,none);color:var(--adl-card-meta,#969d94)}.adl-filter{margin:var(--adl-filter-margin,0);padding:var(--adl-filter-py,10px) var(--adl-filter-px,15px);border-width:var(--adl-filter-border-width,1px);border-style:solid;border-color:var(--adl-filter-border,#2b3029);border-radius:var(--adl-filter-radius,999px);background:var(--adl-filter-bg,#1f231e);color:var(--adl-filter-text,#c7cbc4);box-shadow:var(--adl-filter-shadow,none);font-family:var(--adl-filter-font,inherit);font-size:var(--adl-filter-size,13px);font-weight:var(--adl-filter-weight,700);line-height:var(--adl-filter-line,1.2);letter-spacing:var(--adl-filter-letter,0);text-transform:var(--adl-filter-transform,none)}.adl-filter:hover,.adl-filter:focus-visible,.adl-filter.is-active{background:var(--adl-filter-hover-bg,#fff);color:var(--adl-filter-hover-text,#10120f);border-color:var(--adl-filter-hover-border,#fff);box-shadow:var(--adl-filter-hover-shadow,none)}.adl-badge{margin:var(--adl-badge-margin,0);padding:var(--adl-badge-py,6px) var(--adl-badge-px,9px);border-width:var(--adl-badge-border-width,0);border-style:solid;border-color:var(--adl-badge-border,transparent);border-radius:var(--adl-badge-radius,999px);background:var(--adl-badge-bg,#253229);color:var(--adl-badge-text,#83d3a5);box-shadow:var(--adl-badge-shadow,none);font-family:var(--adl-badge-font,inherit);font-size:var(--adl-badge-size,10px);font-weight:var(--adl-badge-weight,900);line-height:var(--adl-badge-line,1);letter-spacing:var(--adl-badge-letter,.8px);text-transform:var(--adl-badge-transform,uppercase)}.adl-badge.is-new{background:var(--adl-badge-new-bg,#342c21);color:var(--adl-badge-new-text,#f0c37b);border-color:var(--adl-badge-new-border,transparent)}.adl-preview{margin:var(--adl-preview-margin,0);padding:var(--adl-preview-py,12px) var(--adl-preview-px,17px);border-width:var(--adl-preview-border-width,0);border-style:solid;border-color:var(--adl-preview-border,transparent);border-radius:var(--adl-preview-radius,999px);background:var(--adl-preview-bg,#fff);color:var(--adl-preview-text,#101210);box-shadow:var(--adl-preview-shadow,none);font-family:var(--adl-preview-font,inherit);font-size:var(--adl-preview-size,13px);font-weight:var(--adl-preview-weight,800);line-height:var(--adl-preview-line,1);letter-spacing:var(--adl-preview-letter,0);text-transform:var(--adl-preview-transform,none);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.adl-preview:hover,.adl-preview:focus-visible{background:var(--adl-preview-hover-bg,#101210);color:var(--adl-preview-hover-text,#fff);border-color:var(--adl-preview-hover-border,#101210);box-shadow:var(--adl-preview-hover-shadow,none)}.adl-demo-library{contain:layout style}.adl-card{content-visibility:auto;contain-intrinsic-size:360px}.adl-thumb{contain:paint}.adl-thumb img{aspect-ratio:16 / 11}@media (max-width:480px){.adl-card-body{align-items:flex-start}.adl-badge{max-width:45%;white-space:normal;text-align:center}}@supports not (content-visibility:auto){.adl-card{contain-intrinsic-size:auto}}.adl-demo-library .adl-card,.adl-demo-library .adl-card-body,.adl-demo-library .adl-card-copy,.adl-demo-library .adl-title,.adl-demo-library .adl-meta,.adl-demo-library .adl-badge,.adl-demo-library .adl-preview,.adl-demo-library .adl-filters,.adl-demo-library .adl-controls,.adl-demo-library .adl-grid{background-color:initial}.adl-demo-library .adl-card{background:var(--adl-card-bg,#191c18)}.adl-demo-library .adl-card:hover{background:var(--adl-card-hover-bg,#191c18)}.adl-demo-library .adl-preview{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--adl-preview-radius,999px)!important;overflow:hidden}.adl-demo-library .adl-preview:hover,.adl-demo-library .adl-preview:focus-visible{border-radius:var(--adl-preview-radius,999px)!important}.adl-demo-library .adl-filter{border-radius:var(--adl-filter-radius,999px)!important}.adl-demo-library .adl-badge{border-radius:var(--adl-badge-radius,999px)!important}.adl-demo-library .adl-card{border-radius:var(--adl-card-radius,16px)!important}.adl-demo-library .adl-thumb{border-radius:calc(var(--adl-card-radius, 16px) - 1px) calc(var(--adl-card-radius, 16px) - 1px) 0 0}