.ep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:hsl(var(--foreground) / .26)}.ep-overlay[data-state=open]{animation:epOverlayIn .18s linear}.ep-overlay[data-state=closed]{animation:epOverlayOut .16s linear}.ep-panel{position:fixed;top:12px;right:12px;bottom:12px;z-index:50;width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);display:grid;grid-template-rows:auto 1fr auto;background:hsl(var(--card) / .92);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border:1px solid hsl(var(--foreground) / .1);border-radius:8px;box-shadow:0 24px 80px hsl(var(--foreground) / .24),0 4px 18px hsl(var(--foreground) / .12);overflow:hidden;outline:none}.ep-panel[data-state=open]{animation:epPanelIn .24s cubic-bezier(.22,1,.36,1)}.ep-panel[data-state=closed]{animation:epPanelOut .2s cubic-bezier(.4,0,1,1)}.ep-header{height:56px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:hsl(var(--card) / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid hsl(var(--foreground) / .08)}.ep-actions,.ep-nav{display:flex;align-items:center;gap:6px}.ep-icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:999px;display:inline-grid;place-items:center;background:hsl(var(--card) / .78);color:hsl(var(--foreground) / .76);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease,color .14s ease}.ep-icon-button:hover{background:hsl(var(--foreground) / .05);border-color:hsl(var(--foreground) / .12);color:hsl(var(--foreground))}.ep-icon-button:active{transform:scale(.96)}.ep-key-button{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 6px;border:1px solid hsl(var(--foreground) / .14);border-bottom-width:2px;border-radius:7px;background:linear-gradient(180deg,hsl(var(--card)),hsl(var(--muted)));color:hsl(var(--foreground) / .72);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease,color .12s ease}.ep-key-button:hover{border-color:hsl(var(--foreground) / .22);color:hsl(var(--foreground) / .92)}.ep-key-button:active{transform:translateY(1px);border-bottom-width:1px}.ep-key-button:disabled{opacity:.4;cursor:not-allowed}.ep-body{overflow:auto;overscroll-behavior:contain}@media (max-width: 720px){.ep-panel{top:auto;left:0;right:0;bottom:0;width:100vw;max-width:none;height:92vh;padding-top:10px;border-radius:16px 16px 0 0;border:1px solid hsl(var(--foreground) / .1);border-bottom:0}.ep-panel:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:hsl(var(--foreground) / .18);z-index:1}.ep-panel[data-state=open]{animation:epSheetIn .26s cubic-bezier(.22,1,.36,1)}.ep-panel[data-state=closed]{animation:epSheetOut .2s cubic-bezier(.4,0,1,1)}}@keyframes epSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes epSheetOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes epOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes epOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes epPanelIn{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes epPanelOut{0%{transform:translate(0);opacity:1}to{transform:translate(28px);opacity:0}}@media (prefers-reduced-motion: reduce){.ep-overlay,.ep-panel{animation-duration:1ms!important}}