.rhf-frame{aspect-ratio:1600/1000;border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-0));isolation:isolate;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #1413121f,0 4px 14px #1413120d}.rhf-stack{position:absolute;inset:0}.rhf-image{object-fit:cover;object-position:top center;opacity:0;will-change:opacity, transform;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translateY(6px)scale(.995)}.rhf-image[data-active=true]{opacity:1;z-index:1;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(0)scale(1)}.rhf-terminal{z-index:10;-webkit-backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(#1e2026f5 0%,#121317f5 100%);border:1px solid #ffffff29;border-radius:12px;flex-direction:column;min-width:340px;max-width:82%;display:flex;position:absolute;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #00000059,0 24px 60px -12px #0000008c,0 8px 20px -6px #0006,0 0 38px -8px #e8c07f59}.rhf-terminal-chrome{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:9px 14px 7px;display:flex}.rhf-terminal-dot{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000040}.rhf-terminal-dot--red{background:#ff5f57}.rhf-terminal-dot--amber{background:#febc2e}.rhf-terminal-dot--green{background:#28c840}.rhf-terminal-body{font-family:var(--font-data,ui-monospace, SFMono-Regular, Menlo, "JetBrains Mono", monospace);color:#fffffff5;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;align-items:center;gap:12px;padding:14px 20px 15px;font-size:15px;font-weight:500;line-height:1;display:flex;overflow:hidden}.rhf-terminal-prompt{color:#e8c07ff2;text-shadow:0 0 12px #e8c07f66;font-size:16px;font-weight:700}.rhf-terminal-command{color:#fff;animation:.52s cubic-bezier(.22,1,.36,1) both rhf-command-in;display:inline-block}@keyframes rhf-command-in{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.rhf-terminal-cursor{vertical-align:middle;background:#e8c07ff2;border-radius:1px;width:9px;height:16px;animation:1s steps(2,start) infinite rhf-cursor-blink;display:inline-block;box-shadow:0 0 10px #e8c07f80}@keyframes rhf-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (max-width:640px){.rhf-terminal{min-width:0;max-width:92%;bottom:14px}.rhf-terminal-chrome{padding:7px 12px 5px}.rhf-terminal-dot{width:8px;height:8px}.rhf-terminal-body{gap:8px;padding:10px 14px 11px;font-size:12px}.rhf-terminal-prompt{font-size:13px}.rhf-terminal-cursor{width:7px;height:13px}}@media (prefers-reduced-motion:reduce){.rhf-image,.rhf-image[data-active=true]{transition:none;transform:none}.rhf-terminal-command{animation:none}.rhf-terminal-cursor{opacity:1;animation:none}}
.demo-dashboard{--surface-0:0 0% 100%;--surface-1:60 5% 98%;--surface-2:60 5% 95%;--surface-3:60 4% 91%;--ink-1:0 0% 10%;--ink-2:40 1% 29%;--ink-3:60 2% 48%;--ink-4:60 2% 62%;--signal-red:0 48% 49%;--signal-amber:33 48% 45%;--signal-green:150 30% 42%;--brand-accent:99 26% 46%;--surface-canvas:var(--surface-0);--surface-primary:var(--surface-1);--surface-secondary:var(--surface-2);--surface-tertiary:var(--surface-3);--surface-hover:var(--surface-2);--content-primary:var(--ink-1);--content-secondary:var(--ink-2);--content-tertiary:var(--ink-3);--content-quaternary:var(--ink-4);--border-primary:0 0% 0% / .08;--border-secondary:0 0% 0% / .04;--border:var(--border-primary);--background:var(--surface-canvas);--foreground:var(--content-primary);--primary:var(--ink-1);--primary-foreground:var(--surface-0);--muted:var(--surface-secondary);--muted-foreground:var(--content-secondary);--success:var(--signal-green);--warning:var(--signal-amber);--destructive:var(--signal-red);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:hsl(var(--foreground));font-family:var(--font-sans,"Satoshi", -apple-system, sans-serif)}.demo-chrome{border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-0));box-shadow:0 0 0 1px hsl(var(--border-primary)), 0 8px 24px #0000001a, 0 2px 8px #0000000a;border-radius:12px;position:relative;overflow:hidden}.demo-chrome:after{content:"";z-index:0;opacity:0;filter:blur(42px);pointer-events:none;background:radial-gradient(circle 340px at var(--glow-x,50%) var(--glow-y,50%), hsl(var(--brand-accent) / .06), transparent 70%);transition:opacity .24s;position:absolute;inset:-18%}.demo-chrome:hover:after{opacity:1}