.gen-cl{--gen-brand: #8b5cf6;--gen-brand-strong: #7c3aed;--gen-brand-deep: #6d28d9;--gen-brand-soft: #f5f3ff;--gen-accent-2: #ec4899}html[data-theme="dark"] .gen-cl{--gen-brand: #a78bfa;--gen-brand-strong: #8b5cf6;--gen-brand-deep: #7c3aed;--gen-brand-soft: #241a3d;--gen-on-brand: #140b26}.gen-page .cl-app{margin-top: 24px}.gen-page .cl-input-wrap{position: relative;background: var(--gen-surface);border: 2px solid var(--gen-brand);border-radius: 18px;padding: 14px 16px 12px;box-shadow: 0 10px 30px -18px var(--gen-brand-strong)}.gen-page .cl-label{display: block;font-size: 13px;font-weight: 700;color: var(--gen-text-dim);margin-bottom: 4px}.gen-page .cl-input{width: 100%;border: 0;outline: 0;resize: vertical;background: transparent;color: var(--gen-text);font: 600 20px/1.4 inherit;padding: 0 84px 0 0;min-height: 56px}.gen-page .cl-clear{position: absolute;top: 12px;right: 12px}.gen-page .cl-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;margin: 18px 0 12px}.gen-page .cl-chips{display: flex;flex-wrap: wrap;gap: 8px}.gen-page .cl-chip{border: 1px solid var(--gen-border);background: var(--gen-surface);color: var(--gen-text);border-radius: 999px;padding: 6px 14px;font-size: 14px;font-weight: 600;cursor: pointer}.gen-page .cl-chip[aria-pressed="true"]{background: var(--gen-brand);border-color: var(--gen-brand);color: var(--gen-on-brand,#fff)}.gen-page .cl-count{font-size: 14px;color: var(--gen-text-dim);font-weight: 600}.gen-page .cl-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: 12px}.gen-page .cl-card{display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "name btn" "out btn";align-items: center;gap: 2px 12px;background: var(--gen-surface);border: 1px solid var(--gen-border);border-radius: 14px;padding: 12px 14px;transition: border-color .15s,transform .15s}.gen-page .cl-card:hover{border-color: var(--gen-brand);transform: translateY(-1px)}.gen-page .cl-name{grid-area: name;font-size: 12px;font-weight: 700;letter-spacing: .02em;text-transform: uppercase;color: var(--gen-text-dim)}.gen-page .cl-out{grid-area: out;margin: 0;font-size: 20px;line-height: 1.45;color: var(--gen-text);overflow-wrap: anywhere;user-select: all}.gen-page .cl-copy{grid-area: btn}.gen-page .cl-more-wrap{display: flex;justify-content: center;margin-top: 18px}@media (max-width: 480px){.gen-page .cl-out{font-size: 18px}.gen-page .cl-input{font-size: 18px}}