.vs-root .vs-template-library{max-width:1280px;margin:0 auto;padding:28px 24px 64px}.vs-root .vs-template-library.is-embedded{max-width:none;margin:0;padding:0}.vs-root .vs-template-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.vs-root .vs-template-heading h1{font-size:26px;margin:0 0 8px;font-weight:600}.vs-root .vs-template-heading p{font-size:13px;margin:0}.vs-root .vs-template-search{width:min(280px,35%)}.vs-root .vs-template-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.vs-root .vs-template-filters button{padding:7px 16px;border:1px solid var(--vs-border);border-radius:8px;font-size:12px;color:var(--vs-muted);background:var(--vs-card);cursor:pointer}.vs-root .vs-template-filters button[aria-pressed=true]{background:var(--vs-accent-soft);color:var(--vs-accent);border-color:var(--vs-accent-line)}.vs-root .vs-template-filters select{width:auto;min-width:120px;margin-inline-start:auto}.vs-root .vs-template-results{--vs-template-columns:4;--vs-template-gap:16px}.vs-root .vs-template-results[aria-busy=true] .vs-template-grid{opacity:.6}.vs-root .vs-template-grid{display:grid;grid-template-columns:repeat(var(--vs-template-columns),minmax(0,1fr));gap:var(--vs-template-gap)}.vs-root .vs-template-card{position:relative;isolation:isolate;overflow:hidden;background:var(--vs-card);border:1px solid var(--vs-border);border-radius:12px;min-width:0}.vs-root .vs-template-card.is-selected{--vs-template-selection-color:#7dffa5;border-color:var(--vs-template-selection-color);outline:2px solid var(--vs-template-selection-color);outline-offset:-2px;box-shadow:0 0 0 1px rgba(151,255,190,.35),0 0 10px rgba(73,255,142,.2)}.vs-root .vs-template-selection{position:absolute;inset:10px 10px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.vs-root .vs-template-active{padding:4px 7px;border:1px solid var(--vs-template-selection-color);border-radius:999px;background:rgba(5,18,16,.9);color:var(--vs-template-selection-color);font-size:9px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.vs-root .vs-template-check{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--vs-template-selection-color);color:#08351b;box-shadow:0 0 9px rgba(125,255,165,.4)}.vs-root .vs-template-check .vs-icon{stroke-width:2.5}.vs-root .vs-template-open{padding:0;width:100%;border:0;display:block;cursor:pointer;background:var(--vs-bg-deep)}.vs-root .vs-template-media{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--vs-bg-deep)}.vs-root .vs-template-media canvas,.vs-root .vs-template-media img,.vs-root .vs-template-media video{width:100%;height:100%;object-fit:cover;display:block}.vs-root .vs-template-media:not(.is-full)>canvas,.vs-root .vs-template-media:not(.is-full)>img,.vs-root .vs-template-media:not(.is-full)>video{position:absolute;inset:0}.vs-root .vs-template-card:hover{border-color:var(--vs-accent-line)}.vs-root .vs-template-card:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(2,6,12,.88),transparent);pointer-events:none}.vs-root .vs-template-name{position:absolute;inset:auto 12px 10px;z-index:1;margin:0;overflow:hidden;color:#fff;font-size:14px;font-weight:700;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}.vs-root .vs-template-kind{position:absolute;top:10px;inset-inline-end:10px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.vs-root .vs-template-kind .vs-icon{margin-inline-start:2px;fill:currentColor}.vs-root .vs-template-empty{min-height:240px;display:grid;place-content:center;gap:12px;text-align:center;color:var(--vs-muted)}.vs-root .vs-template-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:12px}.vs-root .vs-template-skeleton{aspect-ratio:4/5;border-radius:12px;background:var(--vs-raised)}.vs-root .vs-dialog.vs-template-generate{width:min(560px,calc(100vw - 32px))}.vs-root .vs-template-generate .vs-dialog-body{display:grid;gap:14px}.vs-root .vs-template-generate-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vs-root .vs-template-generate-body.has-no-inputs{grid-template-columns:minmax(0,1fr)}.vs-root .vs-template-generate-inputs{display:grid;grid-auto-rows:auto;gap:12px}.vs-root .vs-template-generate-inputs .vs-slot{aspect-ratio:4/3;height:auto}.vs-root .vs-template-generate-inputs .vs-slot-target{height:100%;gap:6px;max-height:none;padding:12px;border-width:1.5px;border-radius:16px;background:var(--vs-panel);color:var(--vs-muted);font-size:12px;font-weight:500;aspect-ratio:auto}.vs-root .vs-template-generate-inputs .vs-slot.has-image .vs-slot-target{background:var(--vs-bg-deep)}.vs-root .vs-template-generate-inputs .vs-slot-target strong{color:#fff;font-size:14px}.vs-root .vs-template-upload-optional{color:var(--vs-faint);font-weight:400}.vs-root .vs-template-upload-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:50%;background:var(--vs-raised);color:var(--vs-accent)}.vs-root .vs-template-generate-preview{position:relative;min-height:300px;overflow:hidden;border:1px solid var(--vs-border);border-radius:16px;background:var(--vs-bg-deep)}.vs-root .vs-template-generate-body.has-no-inputs .vs-template-generate-preview{min-height:0;height:min(50vh,420px);height:min(50dvh,420px)}.vs-root .vs-template-generate-preview .vs-template-media.is-full{position:absolute;inset:0;height:100%;aspect-ratio:auto}.vs-root .vs-template-generate-preview .is-full img,.vs-root .vs-template-generate-preview .is-full video{width:100%;height:100%;object-fit:contain}.vs-root .vs-template-generate-submit{width:100%;height:52px;gap:8px;border-radius:16px;font-size:16px;font-weight:700}.vs-root .vs-template-generate-submit .vs-submit-price{gap:4px;padding-inline-start:4px}.vs-root .vs-template-generate-edit{justify-self:center;color:var(--vs-muted);font-size:12px}.vs-root .vs-template-generate-edit:hover{color:var(--vs-accent)}@media (max-width:1023px){.vs-root .vs-template-results{--vs-template-columns:3}}@media (max-width:767px){.vs-root .vs-template-library{padding:20px 12px 40px}.vs-root .vs-template-heading{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.vs-root .vs-template-heading h1{font-size:22px}.vs-root .vs-template-search{width:100%}.vs-root .vs-template-results{--vs-template-columns:2;--vs-template-gap:10px}.vs-root .vs-template-name{inset:auto 10px 8px;font-size:14px}.vs-root .vs-template-selection{inset:8px 8px auto}.vs-root .vs-template-check{width:24px;height:24px}.vs-root .vs-dialog.vs-template-generate{width:100%}.vs-root .vs-template-generate-body{gap:10px}.vs-root .vs-template-generate-inputs{grid-auto-rows:minmax(120px,1fr);gap:10px}.vs-root .vs-template-generate-preview{min-height:260px}}