.persona-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.persona-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--inset);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:border-color .18s ease}.persona-tile:hover{border-color:var(--ink-5)}.persona-tile.is-on{background-color:var(--surface);background-image:linear-gradient(var(--surface),var(--surface)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.persona-tile:has(.persona-tile__input:focus-visible){outline:2px solid var(--burnt-orange);outline-offset:2px}.persona-tile:has(.persona-tile__input:disabled){cursor:default}.persona-tile--wide{grid-column:span 2}.persona-tile__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.persona-tile__label{font-size:14px;font-weight:600;color:var(--ink-1)}.persona-tile__hint{font-size:12px;line-height:1.35;color:var(--ink-4)}.persona-tiles--compact .persona-tile{padding:8px}.persona-tiles--compact .persona-tile__label{font-size:13px}.persona-title{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:12px;font-weight:600;color:var(--ink-3)}@media (max-width:520px){.persona-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense}}@media (prefers-reduced-motion:reduce){.persona-tile{transition:none}}