.openui-artifact-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--openui-foreground);animation:openui-artifact-overlay-slide-in .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-artifact-overlay--exiting{animation:openui-artifact-overlay-slide-out .2s cubic-bezier(0.4, 0, 0.2, 1) forwards}@keyframes openui-artifact-overlay-slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes openui-artifact-overlay-slide-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.openui-artifact-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s);padding:var(--openui-space-s) var(--openui-space-m);border-bottom:1px solid var(--openui-border-default);background-color:var(--openui-foreground);position:sticky;top:0;z-index:1}.openui-artifact-panel__title{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.openui-artifact-panel__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:var(--openui-radius-s);background:rgba(0,0,0,0);color:var(--openui-text-neutral-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.openui-artifact-panel__close:hover{background:var(--openui-highlight);color:var(--openui-text-neutral-primary)}