.klyp-AddCard{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--r-card);background:var(--color-bg-glass);width:100%;color:var(--color-fg-muted);cursor:pointer;transition:background-color .15s var(--easing-standard), color .15s var(--easing-standard), transform .3s cubic-bezier(.16, 1, .3, 1);border:none;flex-direction:column;display:flex;position:relative}.klyp-AddCard:hover{background:var(--color-bg-glass-deep);color:var(--color-fg-primary);transform:translateY(-6px)}.klyp-AddCard:focus-visible{box-shadow:0 0 0 var(--bw-emphasis) color-mix(in oklab, var(--color-ring) 50%, transparent);outline:none}.klyp-AddCard:active{transform:scale(.99)}.klyp-AddCard:disabled,.klyp-AddCard[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}.klyp-AddCard__icon{width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;line-height:1;display:flex}.klyp-AddCard__label{font-size:var(--font-size-13);font-weight:var(--font-weight-medium)}.klyp-AddCard__description{-webkit-line-clamp:1;max-width:20ch;font-size:var(--font-size-13);color:var(--color-fg-subtle);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.klyp-AddCard[data-aspect="16/9"],.klyp-AddCard[data-aspect="4/3"],.klyp-AddCard[data-aspect=auto]{height:100%;min-height:180px}.klyp-AddCard[data-aspect="3/4"]{aspect-ratio:3/4}.klyp-AddCard[data-aspect="1/1"]{aspect-ratio:1}.klyp-AddCard__border{pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;overflow:visible}.klyp-AddCard__border>rect{stroke:var(--color-border-subtle);transition:stroke .15s var(--easing-standard)}.klyp-AddCard:hover .klyp-AddCard__border>rect{stroke:var(--color-border-default)}.klyp-AddCard[data-accent=gold] .klyp-AddCard__border>rect{stroke:color-mix(in oklab, var(--color-accent) 40%, transparent)}.klyp-AddCard[data-accent=gold]:hover .klyp-AddCard__border>rect{stroke:var(--color-accent)}.klyp-AddCard[data-accent=gold]:hover,.klyp-AddCard[data-accent=gold]:hover .klyp-AddCard__icon{color:var(--color-fg-accent)}.klyp-AddCard[data-size=sm]{padding:var(--space-12)}.klyp-AddCard[data-size=md]{padding:var(--space-16)}.klyp-AddCard[data-size=lg]{padding:var(--space-24)}