export declare const menuPanelStyles = "\n.comimi-menu-panel {\n  position: absolute;\n  top: 24px;\n  left: 24px;\n  width: 420px;\n  z-index: 5;\n  pointer-events: auto;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-menu-panel[data-overlay=\"false\"] {\n  transform: translateY(-35px);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-menu-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-menu-panel:hover > .comimi-menu-bg {\n    inset: -5px;\n  }\n}\n\n.comimi-menu-top {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  column-gap: 13px;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 62px;\n  padding: 0 13px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.comimi-menu-button {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  overflow: hidden;\n}\n\n.comimi-menu-button-inner {\n  display: block;\n  position: absolute;\n  inset: 0;\n  transition: transform 0.4s var(--comimi-spring);\n}\n\n.comimi-menu-panel[data-open=\"true\"] .comimi-menu-button-inner {\n  transform: translateY(100%);\n}\n\n.comimi-menu-button-inner > * {\n  position: absolute;\n  inset: 0;\n}\n\n.comimi-menu-button-inner > *:nth-child(2) {\n  transform: translateY(-100%);\n}\n\n.comimi-menu-title-wrap {\n  min-width: 0;\n}\n\n.comimi-menu-title {\n  display: block;\n  width: 100%;\n  color: var(--comimi-fg);\n  font-size: 15px;\n  font-weight: 700;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-author {\n  display: block;\n  width: 100%;\n  color: var(--comimi-muted);\n  font-size: 12px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-bottom {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  transition: height 0.24s ease-in-out;\n}\n\n.comimi-menu-border {\n  width: 100%;\n  height: 1px;\n  background: var(--comimi-line);\n}\n\n.comimi-menu-view {\n  position: absolute;\n  top: 1px;\n  left: 0;\n  width: 100%;\n  transition: all 0.28s ease-in-out;\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(0.92);\n  filter: blur(5px);\n}\n\n.comimi-menu-view-menu {\n  position: relative;\n}\n\n.comimi-menu-panel[data-view=\"menu\"] .comimi-menu-view-menu,\n.comimi-menu-panel[data-view=\"shortcut\"] .comimi-menu-view-shortcut,\n.comimi-menu-panel[data-view=\"pageList\"] .comimi-menu-view-page-list {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n  filter: blur(0);\n}\n\n.comimi-menu-list {\n  position: relative;\n  width: 100%;\n  padding: 10px 0;\n}\n\n.comimi-menu-link {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  column-gap: 8px;\n  align-items: center;\n  width: 100%;\n  padding: 10px 16px 10px 22px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: var(--comimi-muted);\n  cursor: pointer;\n  transition: background-color 0.24s linear;\n}\n\n.comimi-menu-link:hover {\n  background: var(--comimi-surface-3);\n}\n\n.comimi-menu-link-text {\n  color: var(--comimi-muted);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: left;\n}\n\n.comimi-menu-link-arrow {\n  display: block;\n  width: 20px;\n  height: 20px;\n  color: var(--comimi-faint);\n}\n\n.comimi-menu-link-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.comimi-page-list-inner {\n  box-sizing: border-box;\n  padding: 0 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-page-list-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.comimi-page-list-item {\n  display: grid;\n  row-gap: 4px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--comimi-muted);\n  cursor: pointer;\n  text-align: center;\n}\n\n.comimi-page-list-thumb {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 100 / 141;\n  background: var(--comimi-panel);\n  border-radius: 6px;\n  outline: 3px solid var(--comimi-line);\n}\n\n.comimi-page-list-thumb-html {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 8px;\n  text-align: center;\n  color: var(--comimi-faint);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.comimi-page-list-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  border-radius: 4px;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.comimi-page-list-text {\n  color: var(--comimi-muted);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.comimi-shortcut-inner {\n  box-sizing: border-box;\n  padding: 0 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-shortcut-grid {\n  display: grid;\n  row-gap: 22px;\n}\n\n.comimi-shortcut-section {\n  display: grid;\n  row-gap: 8px;\n}\n\n.comimi-shortcut-heading {\n  color: var(--comimi-muted);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-list {\n  display: grid;\n  row-gap: 8px;\n  justify-items: start;\n}\n\n.comimi-shortcut-column {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  align-items: center;\n}\n\n.comimi-shortcut-item {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  column-gap: 8px;\n  align-items: center;\n  width: fit-content;\n}\n\n.comimi-shortcut-badge {\n  display: grid;\n  grid-auto-flow: column;\n  column-gap: 6px;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 7px;\n  background: var(--comimi-surface-2);\n}\n\n.comimi-shortcut-key {\n  color: var(--comimi-muted);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-or::before {\n  content: \"or\";\n  display: block;\n  color: var(--comimi-muted);\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-label {\n  color: var(--comimi-muted);\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-back-button {\n  position: relative;\n  width: 100%;\n  height: 56px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.comimi-back-inner {\n  position: absolute;\n  inset: 8px;\n}\n\n.comimi-back-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  background: var(--comimi-surface-2);\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n.comimi-back-button:hover .comimi-back-bg {\n  inset: -4px;\n  border-radius: 10px;\n}\n\n.comimi-back-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: var(--comimi-muted);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  pointer-events: none;\n}\n\n.comimi-back-arrow {\n  position: absolute;\n  top: 50%;\n  left: 8px;\n  width: 22px;\n  height: 22px;\n  color: var(--comimi-faint);\n  transform: translateY(-50%) scaleX(-1);\n  pointer-events: none;\n}\n\n.comimi-back-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n@media (max-width: 767px) {\n  .comimi-menu-panel {\n    top: 0;\n    left: 0;\n    width: 100%;\n  }\n\n  .comimi-menu-bg {\n    border-radius: 0 0 16px 16px;\n  }\n\n  .comimi-menu-top {\n    width: 100%;\n  }\n\n  .comimi-page-list-inner,\n  .comimi-shortcut-inner {\n    max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n  }\n}\n";
//# sourceMappingURL=menu-panel.styles.d.ts.map