/* Overlay the Studio preview: adding an ID never changes card dimensions. */
.fc-preview{position:relative}
.pack-id-copy{
  position:absolute;z-index:4;right:10px;top:10px;max-width:calc(100% - 20px);
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  min-height:30px;padding:6px 9px;border:1px solid rgba(120,113,96,.16);border-radius:7px;
  background:rgba(248,245,237,.9);color:#746d60;cursor:pointer;
  font:10px/16px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.01em;
  transition:color .22s ease,background .22s ease,border-color .22s ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.pack-id-copy:hover,.pack-id-copy:focus-visible{color:#302b22;background:#fffaf0;border-color:#b5a077}
.pack-id-copy:focus-visible{outline:2px solid #b5a077;outline-offset:2px}
@media(max-width:767px){.studio-shell .lib-search input{font-size:16px}}
.pack-id-notice{
  position:fixed;z-index:2147483647;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;
  max-width:calc(100vw - 32px);box-sizing:border-box;padding:11px 18px;border-radius:12px;
  border:1px solid rgba(214,170,87,.32);background:rgba(25,25,27,.96);color:#f2e9d7;
  box-shadow:0 10px 35px rgba(0,0,0,.18);font:500 13px/1.4 Inter,system-ui,sans-serif;
  pointer-events:none;opacity:0;transform:translate(-50%,-14px);
  transition:opacity .3s ease,transform .42s cubic-bezier(.22,.82,.24,1);
}
.pack-id-notice.is-visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.pack-id-notice,.pack-id-copy{transition:none}}