.ctsl-directory{--ctsl-bg:var(--ctn-bg,#091522);--ctsl-surface:var(--ctn-surface,#0d1a29);--ctsl-surface-2:var(--ctn-surface-2,#101f31);--ctsl-text:var(--ctn-text,#f4f7fb);--ctsl-muted:var(--ctn-muted,#9fb0c5);--ctsl-border:var(--ctn-border,#263b52);--ctsl-accent:var(--ctn-accent,#2ec866);max-width:1180px;margin:28px auto 54px;color:var(--ctsl-text)}.ctsl-directory *{box-sizing:border-box}.ctsl-directory-hero,.ctsl-slot-hero{position:relative;overflow:hidden;padding:34px 34px 30px;border:1px solid var(--ctsl-border);border-radius:24px;background:linear-gradient(135deg,var(--ctsl-surface),var(--ctsl-surface-2));box-shadow:0 22px 55px rgba(0,0,0,.16)}.ctsl-directory-hero:after,.ctsl-slot-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(46,200,102,.19),rgba(46,200,102,0) 70%);pointer-events:none}.ctsl-directory-hero h1,.ctsl-slot-hero h1{margin:0 0 10px;color:var(--ctsl-text);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.035em}.ctsl-directory-hero p,.ctsl-slot-hero p{max-width:820px;margin:0;color:var(--ctsl-muted);font-size:1.03rem;line-height:1.7}.ctsl-slot-hero-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px}.ctsl-slot-hero-meta>span{padding:6px 9px;border:1px solid var(--ctsl-border);border-radius:999px;background:var(--ctsl-bg);color:var(--ctsl-muted);font-size:.76rem;font-weight:800}.ctsl-directory-stats{display:flex;align-items:baseline;gap:9px 14px;flex-wrap:wrap;margin-top:24px}.ctsl-directory-stats strong{font-size:1.55rem;color:var(--ctsl-text)}.ctsl-directory-stats span{margin-right:12px;color:var(--ctsl-muted);font-size:.88rem}.ctsl-directory-demo{margin:24px 0 16px}.ctsl-directory-back{display:inline-flex;margin:0 0 12px;color:var(--ctsl-muted)!important;font-weight:700;text-decoration:none!important}.ctsl-more-info-standalone{margin:0 0 24px;padding:22px;border:1px solid var(--ctsl-border);border-radius:20px;background:linear-gradient(180deg,var(--ctsl-surface),var(--ctsl-surface-2));box-shadow:0 13px 30px rgba(0,0,0,.1)}.ctsl-more-info-head{margin-bottom:12px}.ctsl-more-info-head h2{margin:0;color:var(--ctsl-text);font-size:1.35rem}.ctsl-more-info-standalone .ctsl-short-description{margin:0 0 16px;color:var(--ctsl-muted);line-height:1.65}.ctsl-more-info-standalone .ctsl-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ctsl-more-info-standalone .ctsl-spec{min-width:0;padding:13px 14px;border:1px solid var(--ctsl-border);border-radius:13px;background:var(--ctsl-bg)}.ctsl-more-info-standalone .ctsl-spec span{display:block;margin-bottom:4px;color:var(--ctsl-muted);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ctsl-more-info-standalone .ctsl-spec strong{display:block;color:var(--ctsl-text);font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.ctsl-directory-filterbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;margin:24px 0;padding:18px;border:1px solid var(--ctsl-border);border-radius:18px;background:var(--ctsl-surface)}.ctsl-directory-filterbar .ctsl-search{grid-column:span 2}.ctsl-directory-filterbar label>span{display:block;margin:0 0 6px;color:var(--ctsl-muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.ctsl-directory-filterbar input[type=search],.ctsl-directory-filterbar select{width:100%;height:44px;padding:0 12px;border:1px solid var(--ctsl-border);border-radius:11px;background:var(--ctsl-bg);color:var(--ctsl-text);font:inherit;outline:none}.ctsl-directory-filterbar input:focus,.ctsl-directory-filterbar select:focus{border-color:var(--ctsl-accent);box-shadow:0 0 0 2px rgba(46,200,102,.14)}.ctsl-reset,.ctsl-filter-submit{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 15px;border:1px solid var(--ctsl-border);border-radius:10px;font-weight:800;cursor:pointer;white-space:nowrap;text-decoration:none!important}.ctsl-reset{background:transparent;color:var(--ctsl-muted)!important}.ctsl-reset:hover{color:var(--ctsl-text)!important;border-color:var(--ctsl-accent)}.ctsl-filter-submit{background:var(--ctsl-accent);color:#07150d}.ctsl-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ctsl-directory-card{min-width:0;overflow:hidden;border:1px solid var(--ctsl-border);border-radius:18px;background:var(--ctsl-surface);box-shadow:0 13px 30px rgba(0,0,0,.11);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ctsl-directory-card:hover{transform:translateY(-3px);border-color:#3b5874;box-shadow:0 20px 38px rgba(0,0,0,.17)}.ctsl-directory-image{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--ctsl-bg)}.ctsl-directory-image[aria-disabled=true]{pointer-events:none}.ctsl-directory-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.ctsl-directory-card:hover .ctsl-directory-image img{transform:scale(1.025)}.ctsl-demo-pill{position:absolute;right:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(7,23,16,.88);color:#7aeba5;border:1px solid rgba(122,235,165,.27);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;backdrop-filter:blur(8px)}.ctsl-directory-body{padding:15px}.ctsl-directory-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--ctsl-muted);font-size:.72rem;font-weight:800}.ctsl-card-rating{color:#f5b83a}.ctsl-card-rating small{color:var(--ctsl-muted);font-weight:700}.ctsl-rating-empty{color:var(--ctsl-muted);font-size:.67rem;font-weight:700}.ctsl-directory-body h2{margin:8px 0 10px;color:var(--ctsl-text);font-size:1.08rem;line-height:1.28;letter-spacing:-.015em}.ctsl-directory-body h2 a{color:inherit!important;text-decoration:none!important}.ctsl-directory-facts{display:flex;flex-wrap:wrap;gap:6px;min-height:27px}.ctsl-directory-facts span{padding:4px 7px;border:1px solid var(--ctsl-border);border-radius:999px;background:var(--ctsl-bg);color:var(--ctsl-muted);font-size:.68rem;font-weight:700}.ctsl-directory-play{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 12px;border-radius:10px;background:var(--ctsl-accent);color:#07150d!important;text-decoration:none!important;font-size:.86rem;font-weight:900}.ctsl-directory-play:hover{filter:brightness(1.06)}.ctsl-directory-no-demo{display:block;margin-top:13px;padding:10px 0;color:var(--ctsl-muted);font-size:.8rem}.ctsl-directory-empty{padding:36px 22px;border:1px dashed var(--ctsl-border);border-radius:16px;background:var(--ctsl-surface);color:var(--ctsl-muted);text-align:center}.ctsl-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px 0}.ctsl-pagination a{display:inline-flex;min-width:42px;height:42px;padding:0 13px;align-items:center;justify-content:center;border:1px solid var(--ctsl-border);border-radius:10px;background:var(--ctsl-surface);color:var(--ctsl-text)!important;text-decoration:none!important;font-weight:800}.ctsl-pagination a:hover,.ctsl-pagination a.is-current{border-color:var(--ctsl-accent);background:var(--ctsl-accent);color:#07150d!important}.ctsl-related,.ctsl-user-rating{margin:28px 0 8px;padding:22px;border:1px solid var(--ctsl-border);border-radius:20px;background:var(--ctsl-surface)}.ctsl-related-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:16px}.ctsl-related-kicker{display:block;margin-bottom:4px;color:var(--ctsl-accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ctsl-related h2,.ctsl-user-rating h2{margin:0;color:var(--ctsl-text);font-size:1.35rem}.ctsl-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ctsl-related-card .ctsl-directory-body{padding:11px}.ctsl-related-card .ctsl-directory-body h2{font-size:.9rem;margin:5px 0}.ctsl-related-card .ctsl-directory-play{font-size:.75rem;padding:8px 9px}.ctsl-related-card .ctsl-demo-pill{font-size:.61rem;padding:5px 7px}.ctsl-user-rating{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.ctsl-user-rating p{margin:7px 0 0;color:var(--ctsl-muted)}.ctsl-rating-panel{display:grid;grid-template-columns:auto auto;gap:5px 18px;align-items:center}.ctsl-rating-summary{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px}.ctsl-rating-summary strong{font-size:2rem;color:var(--ctsl-text)}.ctsl-rating-summary>span{color:var(--ctsl-muted)}.ctsl-rating-summary small{grid-column:1/-1;color:var(--ctsl-muted)}.ctsl-stars{display:flex;gap:3px}.ctsl-star-button{appearance:none;border:0;background:transparent;color:#566273;padding:2px;cursor:pointer;font-size:1.9rem;line-height:1;transition:transform .12s ease,color .12s ease}.ctsl-star-button:hover{transform:scale(1.12)}.ctsl-star-button.is-active{color:#f5b83a}.ctsl-rating-login{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:10px;background:var(--ctsl-accent);color:#07150d!important;text-decoration:none!important;font-weight:900;white-space:nowrap}.ctsl-rating-status{grid-column:1/-1;color:var(--ctsl-muted);font-size:.76rem;text-align:right}html[data-theme=light] .ctsl-directory{--ctsl-bg:#f6f8fb;--ctsl-surface:#fff;--ctsl-surface-2:#f3f6fa;--ctsl-text:#172033;--ctsl-muted:#64748b;--ctsl-border:#d8e0e8;--ctsl-accent:#24b961}html[data-theme=light] .ctsl-directory-card,html[data-theme=light] .ctsl-directory-hero,html[data-theme=light] .ctsl-slot-hero{box-shadow:0 16px 34px rgba(15,23,42,.08)}html[data-theme=dark] .ctsl-directory{--ctsl-bg:#091522;--ctsl-surface:#0d1a29;--ctsl-surface-2:#101f31;--ctsl-text:#f4f7fb;--ctsl-muted:#9fb0c5;--ctsl-border:#263b52;--ctsl-accent:#38d17a}@media(max-width:1100px){.ctsl-directory-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}.ctsl-directory-filterbar .ctsl-search{grid-column:span 2}.ctsl-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ctsl-more-info-standalone .ctsl-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.ctsl-directory-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ctsl-directory-filterbar .ctsl-search{grid-column:1/-1}.ctsl-reset,.ctsl-filter-submit{width:100%}.ctsl-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ctsl-user-rating{grid-template-columns:1fr}.ctsl-rating-panel{justify-content:start}.ctsl-rating-status{text-align:left}.ctsl-more-info-standalone .ctsl-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ctsl-directory{margin-top:16px}.ctsl-directory-hero,.ctsl-slot-hero{padding:25px 20px;border-radius:18px}.ctsl-directory-filterbar{grid-template-columns:1fr;padding:14px}.ctsl-directory-filterbar .ctsl-search{grid-column:auto}.ctsl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ctsl-directory-body{padding:12px}.ctsl-directory-body h2{font-size:.98rem}.ctsl-directory-facts{display:none}.ctsl-related,.ctsl-user-rating,.ctsl-more-info-standalone{padding:14px}.ctsl-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ctsl-rating-panel{grid-template-columns:1fr}.ctsl-rating-status{grid-column:1}.ctsl-stars{order:-1}.ctsl-more-info-standalone .ctsl-spec-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.ctsl-directory-grid,.ctsl-related-grid{grid-template-columns:1fr 1fr}.ctsl-directory-play{font-size:.78rem;padding:9px}.ctsl-directory-no-demo{font-size:.72rem}.ctsl-directory-meta{align-items:flex-start;flex-direction:column}.ctsl-star-button{font-size:1.65rem}.ctsl-more-info-standalone .ctsl-spec-grid{grid-template-columns:1fr}.ctsl-rating-login{width:100%}}