.persona-preview{background:var(--background);color:var(--foreground);font-family:var(--font-body);border:var(--border-medium) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--duration-medium) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard)}.persona-preview:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.persona-preview__inner{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.persona-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.persona-preview__eyebrow{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 .25rem}.persona-preview__title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height);letter-spacing:var(--font-heading-letter-spacing);font-size:var(--text-h2);color:var(--foreground);margin:0}.persona-preview__badge{background:var(--muted);color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-small);padding:.25rem .6rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.persona-preview__copy{color:var(--muted-foreground);font-size:var(--text-body);line-height:var(--font-body-line-height);margin:0}.persona-preview__swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.persona-preview__swatch{aspect-ratio:1/1;border-radius:var(--radius-md);border:var(--border-thin) solid var(--border)}.persona-preview__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.persona-preview__btn{font-family:var(--font-body);font-size:var(--text-body);font-weight:500;padding:.625rem 1rem;border-radius:var(--radius-md);border:var(--border-thin) solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.persona-preview__btn:hover{transform:translateY(-1px);filter:brightness(.97)}.persona-preview__btn:active{transform:translateY(0)}.persona-preview__btn:focus-visible{outline:var(--border-medium) solid var(--ring);outline-offset:2px}.persona-preview__btn--primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.persona-preview__btn--secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.persona-preview__card{background:var(--card);color:var(--card-foreground);border:var(--border-thin) solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm)}.persona-preview__card-row{display:flex;align-items:baseline;gap:.75rem}.persona-preview__card-label{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted-foreground);min-width:3.5rem;flex-shrink:0}.persona-preview__card-heading{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height);letter-spacing:var(--font-heading-letter-spacing);font-size:var(--text-h1);color:var(--foreground)}.persona-preview__card-body{font-family:var(--font-body);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing);font-size:var(--text-body);color:var(--foreground)}.persona-preview__card-mono{font-family:var(--font-mono);font-size:var(--text-small);color:var(--accent-foreground);background:var(--accent);padding:.125rem .375rem;border-radius:var(--radius-sm)}.persona-preview__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding-top:.75rem;border-top:var(--border-thin) solid var(--border)}.persona-preview__meta>div{display:flex;flex-direction:column;gap:.125rem}.persona-preview__meta dt{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}.persona-preview__meta dd{font-family:var(--font-mono);font-size:var(--text-body);color:var(--foreground);margin:0}@media (prefers-reduced-motion:reduce){.persona-preview,.persona-preview__btn{transition:none}.persona-preview:hover,.persona-preview__btn:hover{transform:none}}