.menu-panel{position:fixed;border-radius:10px;background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.08),0 12px 24px rgba(0,0,0,.07);padding:4px;min-width:192px;max-width:320px;opacity:0;font-family:system-ui,-apple-system,sans-serif;font-size:13px;user-select:none}.menu-panel--visible{animation:menu-panel-in .12s cubic-bezier(.16,1,.3,1) forwards}@keyframes menu-panel-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.menu-panel--visible{animation:none;opacity:1}}.menu-item{display:flex;align-items:center;gap:7px;width:100%;min-height:28px;padding:0 9px;border-radius:6px;color:#111827;background:transparent;border:none;cursor:default;text-align:left;font-size:13px;font-family:inherit;box-sizing:border-box;transition:background-color 60ms}.menu-item:hover,.menu-item[data-open]{background:#f3f4f6}.menu-item[data-focused]{background:#f3f4f6;outline:1.5px solid rgba(59,130,246,.55);outline-offset:-1.5px}.menu-item[data-danger]{color:#dc2626}.menu-item[data-danger]:hover{background:#fef2f2}.menu-item[data-disabled]{opacity:.35;pointer-events:none}.menu-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item__leading{flex-shrink:0;width:16px;display:flex;align-items:center;justify-content:center;color:#6b7280}.menu-item__check{flex-shrink:0;width:14px;color:#2563eb;font-size:11px}.menu-item__shortcut{flex-shrink:0;font-size:11px;color:#9ca3af;letter-spacing:.02em}.menu-item__badge{flex-shrink:0;font-size:10px;padding:1px 5px;border-radius:10px;background:#f3f4f6;color:#6b7280}.menu-item__arrow{flex-shrink:0;font-size:12px;color:#9ca3af;margin-left:auto}.menu-separator{height:1px;background:#f3f4f6;margin:3px 4px}.menu-choice-group{display:flex;gap:2px;padding:2px 4px}.menu-choice-btn{flex:1;text-align:center;padding:5px 4px;border-radius:5px;border:none;background:transparent;color:#374151;font-size:13px;font-family:inherit;cursor:default;transition:background-color 60ms}.menu-choice-btn:hover{background:#f3f4f6}.menu-choice-btn[data-selected]{background:#eff6ff;color:#2563eb;font-weight:500}.menu-grid{display:grid;gap:2px;padding:3px 4px}.menu-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border-radius:6px;font-size:13px;color:#374151;border:none;background:transparent;font-family:inherit;cursor:default;transition:background-color 60ms;min-width:0}.menu-grid-item:hover{background:#f3f4f6}.menu-grid-item[data-danger]{color:#dc2626}.menu-grid-item[data-danger]:hover{background:#fef2f2}.menu-search-wrap{padding:4px 4px 2px}.menu-search-input{width:100%;padding:5px 8px;border-radius:5px;background:#f9fafb;border:1px solid #e5e7eb;outline:none;color:#111827;font-size:12px;font-family:inherit;box-sizing:border-box}.menu-search-input::placeholder{color:#9ca3af}.menu-search-input:focus{border-color:#93c5fd;background:#ffffff}.menu-section-label{padding:5px 9px 2px;font-size:10px;font-weight:500;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase}.menu-color-palette{flex-direction:column;padding:4px 6px 5px}.menu-color-palette,.menu-color-row{display:flex;gap:3px}.menu-color-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);cursor:default;padding:0;flex-shrink:0;transition:transform 80ms;box-sizing:border-box;outline:none}.menu-color-btn:hover{transform:scale(1.2);border-color:rgba(0,0,0,.3)}.menu-color-btn[data-active]{border:2.5px solid #3b82f6}.menu-color-btn--clear{background:#ffffff!important;border-color:#d1d5db;font-size:9px;color:#6b7280;line-height:1}.menu-color-btn--clear,.menu-loading{display:flex;align-items:center;justify-content:center}.menu-loading{gap:7px;padding:12px;color:#9ca3af;font-size:12px}@keyframes menu-spin{to{transform:rotate(1turn)}}.menu-loading__spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:menu-spin .6s linear infinite}