.xen-demo-frame{background:var(--canvas,#09090b);width:100%;height:100%;font-family:var(--font-oc-sans-ar), var(--font-oc-sans), "Alan Sans Variable", ui-sans-serif, sans-serif;position:relative;overflow:hidden;transform:translateZ(0)}.xen-demo-app,.xen-demo-app .h-screen{width:100%;height:100%;min-height:0}.xen-demo-gate{z-index:30;background:linear-gradient(#0000 68%,#00000080);justify-content:center;align-items:flex-end;padding-bottom:26px;display:flex;position:absolute;inset:0}.xen-demo-gate button{color:#fff;height:46px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d0ae0;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:14px;font-weight:600;transition:transform .16s,border-color .16s;display:inline-flex;box-shadow:0 14px 40px #00000080}.xen-demo-gate button:hover{border-color:#ffffff80;transform:translateY(-2px)}.xen-demo-gate button:focus-visible,.xen-demo-exit:focus-visible{outline-offset:3px;outline:2px solid #df1853}.xen-demo-gate-dot{background:#df1853;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.16,1,.3,1) infinite xen-demo-ping;box-shadow:0 0 #df18538c}@keyframes xen-demo-ping{60%{box-shadow:0 0 0 9px #df185300}to{box-shadow:0 0 #e3000000}}@media (prefers-reduced-motion:reduce){.xen-demo-gate-dot{animation:none}.xen-demo-gate button{transition:none}}.xen-demo-exit{top:10px;z-index:30;color:#fff;height:30px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d0ad1;border:1px solid #ffffff38;border-radius:999px;padding:0 14px;font-size:12px;font-weight:500;position:absolute;inset-inline-end:12px}.xen-demo-exit:hover{border-color:#ffffff73}.xen-demo-frame[data-clip=workspace] aside{display:none!important}