.showcase-guided-root{z-index:10050;pointer-events:none;position:fixed;inset:0}.showcase-guided-scrim{pointer-events:auto;cursor:default;background:0 0;border:0;position:fixed;inset:0}.showcase-guided-spotlight{z-index:10051;outline-offset:2px;pointer-events:none;border-radius:10px;outline:2px solid #fbbf24;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0f172a9e}.showcase-guided-card{z-index:10052;pointer-events:auto;background:#fffbeb;border:1px solid #fbbf24;border-radius:14px;width:min(320px,100vw - 32px);padding:12px 14px;position:fixed;box-shadow:0 12px 40px #0f172a40}.showcase-guided-card__meta{text-transform:uppercase;letter-spacing:.04em;color:#92400e;flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.showcase-guided-card__scene{color:#b45309}.showcase-guided-card__title{color:#1c1917;margin:0 0 6px;font-size:15px;font-weight:700}.showcase-guided-card__body{color:#44403c;margin:0 0 10px;font-size:12px;line-height:1.45}.showcase-guided-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.showcase-guided-btn{cursor:pointer;border:1px solid #d97706;border-radius:999px;padding:5px 10px;font-size:11px}.showcase-guided-btn.ghost{color:#92400e;background:#fff}.showcase-guided-btn.primary{color:#fff;background:#d97706;border-color:#b45309}.showcase-guided-btn:hover{filter:brightness(.97)}.showcase-mode-toggle{background:#fff;border:1px solid #fbbf24;border-radius:999px;display:inline-flex;overflow:hidden}.showcase-mode-toggle button{color:#92400e;cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:10px}.showcase-mode-toggle button.active{color:#fff;background:#d97706}.showcase-sandbox-warn{color:#9a3412;background:#fff7ed;border:1px solid #f97316;border-radius:10px;padding:6px 10px}.showcase-sandbox-reset{color:#c2410c;cursor:pointer;background:#fff;border:1px solid #ea580c;border-radius:999px;padding:3px 8px;font-size:10px}.showcase-login-replay{border:1px solid var(--border,#ddd5c5);background:#fffdf8;border-radius:1rem;margin:1.25rem 0;padding:1rem 1.25rem}.showcase-login-replay__title{color:var(--navy,#1e3a5f);margin-bottom:.35rem;font-weight:600}.showcase-login-replay__note{color:var(--muted,#6b7280);margin-bottom:.75rem;font-size:.75rem}.showcase-login-replay__panel{gap:.65rem;max-width:22rem;display:grid}.showcase-login-replay__field{flex-direction:column;gap:.2rem;display:flex}.showcase-login-replay__label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7280);font-size:.65rem}.showcase-login-replay__input{border:1px solid var(--border,#ddd5c5);background:#fff;border-radius:.65rem;padding:.45rem .65rem;font-size:.85rem}.showcase-login-replay__input--otp{letter-spacing:.2em;font-family:ui-monospace,Menlo,monospace}.showcase-login-replay__done{color:#047857;font-size:.8rem;font-weight:600}.showcase-login-replay__pulse{background:linear-gradient(90deg,#e5e7eb 0%,#9ca3af 50%,#e5e7eb 100%) 0 0/200% 100%;border-radius:999px;height:.35rem;animation:1.2s ease-in-out infinite showcase-replay-pulse}@keyframes showcase-replay-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.showcase-sandbox-reset:hover{background:#ffedd5}