.rhf-frame{position:relative;width:100%;aspect-ratio:1600/1000;border-radius:18px;overflow:hidden;border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-0));box-shadow:0 20px 50px rgba(20,19,18,.12),0 4px 14px rgba(20,19,18,.05);isolation:isolate}.rhf-media,.rhf-stack{position:absolute;inset:0}.rhf-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;transform:translateY(6px) scale(.995);transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rhf-media[data-active=true]{opacity:1;transform:translateY(0) scale(1);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);z-index:1}.rhf-terminal{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;min-width:340px;max-width:82%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(30,32,38,.96),rgba(18,19,23,.96));border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 24px 60px -12px rgba(0,0,0,.55),0 8px 20px -6px rgba(0,0,0,.4),0 0 38px -8px rgba(232,192,127,.35);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);overflow:hidden}.rhf-terminal-chrome{display:flex;align-items:center;gap:6px;padding:9px 14px 7px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}.rhf-terminal-dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.rhf-terminal-dot--red{background:#ff5f57}.rhf-terminal-dot--amber{background:#febc2e}.rhf-terminal-dot--green{background:#28c840}.rhf-terminal-body{display:flex;align-items:center;gap:12px;padding:14px 20px 15px;font-family:var(
    --font-data,ui-monospace,SFMono-Regular,Menlo,"JetBrains Mono",monospace
  );font-size:15px;font-weight:500;line-height:1;color:rgba(255,255,255,.96);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.rhf-frame .rhf-terminal .rhf-terminal-body .rhf-terminal-prompt{color:rgba(232,192,127,.95);font-weight:700;font-size:16px;text-shadow:0 0 12px rgba(232,192,127,.4)}.rhf-frame .rhf-terminal .rhf-terminal-body .rhf-terminal-command{display:inline-block;color:#fff;animation:rhf-command-in .52s cubic-bezier(.22,1,.36,1) both}@keyframes rhf-command-in{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.rhf-terminal-cursor{display:inline-block;width:9px;height:16px;background:rgba(232,192,127,.95);border-radius:1px;animation:rhf-cursor-blink 1s steps(2,start) infinite;vertical-align:middle;box-shadow:0 0 10px rgba(232,192,127,.5)}@keyframes rhf-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (max-width:640px){.rhf-terminal{bottom:14px;min-width:0;max-width:92%}.rhf-terminal-chrome{padding:7px 12px 5px}.rhf-terminal-dot{width:8px;height:8px}.rhf-terminal-body{padding:10px 14px 11px;font-size:12px;gap:8px}.rhf-terminal-prompt{font-size:13px}.rhf-terminal-cursor{width:7px;height:13px}}@media (prefers-reduced-motion:reduce){.rhf-media,.rhf-media[data-active=true]{transition:none;transform:none}.rhf-terminal-command{animation:none}.rhf-terminal-cursor{animation:none;opacity:1}}.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%/0.08;--border-secondary:0 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);color-scheme:light;color:hsl(var(--foreground));font-family:var(--font-sans,"Satoshi",-apple-system,sans-serif)}.demo-chrome{position:relative;overflow:hidden;border:1px solid hsl(var(--border-primary));border-radius:12px;background:hsl(var(--surface-0));box-shadow:0 0 0 1px hsl(var(--border-primary)),0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04)}.demo-chrome:after{content:"";position:absolute;inset:-18%;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 ease}.demo-chrome:hover:after{opacity:1}