.pattern-preview.theme-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.theme-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.theme-stage{width:100%;display:grid;place-items:center}.theme-panel{width:200px;display:grid;grid-gap:8px;gap:8px;padding:10px 12px 12px;border-radius:12px;background:var(--theme-light-bg);border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 14px rgba(15,23,42,.18)}.theme-header{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;grid-gap:8px;gap:8px}.theme-avatar{width:22px;height:22px;border-radius:50%;background:#e2e8f0}.theme-meta{display:grid;grid-gap:4px;gap:4px}.theme-line{display:block;height:4px;border-radius:999px}.theme-line--title{width:70%;background:var(--theme-light-text)}.theme-line--sub{width:44%;height:3px;background:var(--theme-light-text-muted)}.theme-toggle{position:relative;width:32px;height:16px;border-radius:999px;background:var(--theme-light-track)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.theme-body{display:grid;grid-gap:5px;gap:5px}.theme-line--body{width:100%;background:var(--theme-light-text-muted)}.theme-line--body-short{width:70%}.theme-button{width:56px;height:16px;border-radius:6px;background:var(--theme-light-button);margin-top:2px}.theme-preview--motion-safe .theme-panel{transition:background-color var(--theme-duration,1.1s) ease-in-out,border-color var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-avatar,.theme-preview--motion-safe .theme-button,.theme-preview--motion-safe .theme-line,.theme-preview--motion-safe .theme-toggle{transition:background-color var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-toggle-thumb{transition:transform var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-panel[data-mode=dark]{background:var(--theme-dark-bg);border-color:rgba(248,250,252,.08)}.theme-preview--motion-safe .theme-avatar[data-mode=dark]{background:#334155}.theme-preview--motion-safe .theme-line--title[data-mode=dark]{background:var(--theme-dark-text)}.theme-preview--motion-safe .theme-line--body[data-mode=dark],.theme-preview--motion-safe .theme-line--sub[data-mode=dark]{background:var(--theme-dark-text-muted)}.theme-preview--motion-safe .theme-toggle[data-mode=dark]{background:var(--theme-dark-track)}.theme-preview--motion-safe .theme-toggle-thumb[data-mode=dark]{transform:translateX(16px)}.theme-preview--motion-safe .theme-button[data-mode=dark]{background:var(--theme-dark-button)}.theme-preview--motion-caveat .theme-avatar,.theme-preview--motion-caveat .theme-button,.theme-preview--motion-caveat .theme-line,.theme-preview--motion-caveat .theme-panel,.theme-preview--motion-caveat .theme-toggle,.theme-preview--motion-caveat .theme-toggle-thumb{transition:all var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-caveat .theme-panel[data-mode=dark]{background:var(--theme-dark-bg);border-color:rgba(248,250,252,.08);width:calc(200px + 32px * var(--theme-caveat-strength, 1));padding:calc(10px + 6px * var(--theme-caveat-strength, 1)) calc(12px + 6px * var(--theme-caveat-strength, 1)) calc(12px + 6px * var(--theme-caveat-strength, 1))}.theme-preview--motion-caveat .theme-avatar[data-mode=dark]{background:#334155}.theme-preview--motion-caveat .theme-line--title[data-mode=dark]{background:var(--theme-dark-text)}.theme-preview--motion-caveat .theme-line--body[data-mode=dark],.theme-preview--motion-caveat .theme-line--sub[data-mode=dark]{background:var(--theme-dark-text-muted)}.theme-preview--motion-caveat .theme-toggle[data-mode=dark]{background:var(--theme-dark-track)}.theme-preview--motion-caveat .theme-toggle-thumb[data-mode=dark]{left:calc(2px + 16px * var(--theme-caveat-strength, 1))}.theme-preview--motion-caveat .theme-button[data-mode=dark]{background:var(--theme-dark-button);width:calc(56px + 28px * var(--theme-caveat-strength, 1))}@media (prefers-reduced-motion:reduce){.theme-avatar,.theme-button,.theme-line,.theme-panel,.theme-toggle,.theme-toggle-thumb{transition:none!important}}