@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";.mm-root{position:fixed;inset:0;background:var(--background);color:var(--foreground);font-family:Outfit,system-ui,sans-serif;overflow:hidden}.mm-canvas{-webkit-user-select:none;user-select:none}.mm-toolbar{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in oklab,var(--background) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100}.mm-tb-left,.mm-tb-center,.mm-tb-right{display:flex;align-items:center;gap:4px}.mm-tb-left{gap:10px}.mm-logo{display:flex;align-items:center}.mm-name{background:transparent;border:none;outline:none;color:var(--foreground);font:inherit;font-weight:600;font-size:15px;padding:6px 10px;border-radius:8px;width:200px}.mm-name:hover,.mm-name:focus{background:color-mix(in oklab,var(--foreground) 6%,transparent)}.mm-tb-btn{background:transparent;color:color-mix(in oklab,var(--foreground) 85%,transparent);border:none;padding:8px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mm-tb-btn:hover:not(:disabled){background:color-mix(in oklab,var(--foreground) 8%,transparent);color:var(--foreground)}.mm-tb-btn:disabled{opacity:.35;cursor:not-allowed}.mm-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.mm-panel{position:absolute;top:84px;right:16px;bottom:16px;width:280px;background:color-mix(in oklab,var(--card) 85%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;padding:14px;z-index:9;overflow-y:auto;color:var(--card-foreground);box-shadow:0 8px 32px color-mix(in oklab,var(--foreground) 18%,transparent);animation:mm-pop .18s ease}.mm-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 70%,transparent)}.mm-x{background:transparent;border:none;color:color-mix(in oklab,var(--foreground) 60%,transparent);font-size:22px;line-height:1;cursor:pointer;padding:0 6px;border-radius:6px}.mm-x:hover{color:var(--foreground);background:color-mix(in oklab,var(--foreground) 8%,transparent)}.mm-section{margin-bottom:16px}.mm-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;color:color-mix(in oklab,var(--foreground) 55%,transparent);text-transform:uppercase;margin-bottom:8px}.mm-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.mm-swatch{width:100%;aspect-ratio:1;border-radius:6px;border:none;cursor:pointer;transition:transform .15s}.mm-swatch:hover{transform:scale(1.1)}.mm-row{display:flex;gap:6px;flex-wrap:wrap}.mm-chip{background:color-mix(in oklab,var(--foreground) 6%,transparent);border:1px solid var(--border);color:color-mix(in oklab,var(--foreground) 85%,transparent);padding:6px 12px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;text-transform:capitalize;transition:background .15s}.mm-chip:hover{background:color-mix(in oklab,var(--foreground) 12%,transparent)}.mm-chip-on{background:color-mix(in oklab,var(--primary) 25%,transparent);border-color:var(--primary);color:var(--foreground)}.mm-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mm-emoji{background:color-mix(in oklab,var(--foreground) 4%,transparent);border:1px solid transparent;border-radius:6px;cursor:pointer;padding:6px;font-size:18px;transition:background .15s}.mm-emoji:hover{background:color-mix(in oklab,var(--foreground) 10%,transparent)}.mm-textarea,.mm-input{width:100%;background:color-mix(in oklab,var(--foreground) 5%,transparent);border:1px solid var(--border);color:var(--foreground);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;outline:none;resize:vertical}.mm-textarea:focus,.mm-input:focus{border-color:var(--primary)}.mm-minimap{position:absolute;bottom:16px;right:16px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;box-shadow:0 4px 20px color-mix(in oklab,var(--foreground) 15%,transparent)}.mm-modal-bg{position:fixed;inset:0;background:color-mix(in oklab,var(--background) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:mm-fade .18s ease}.mm-modal{background:var(--card);border:1px solid var(--border);color:var(--card-foreground);border-radius:14px;padding:18px;min-width:360px;box-shadow:0 20px 60px color-mix(in oklab,var(--foreground) 25%,transparent)}.mm-shortcuts{width:100%;border-collapse:collapse}.mm-shortcuts td{padding:8px 4px;font-size:14px;border-bottom:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}.mm-shortcuts td:last-child{text-align:right}.mm-shortcuts kbd{background:color-mix(in oklab,var(--foreground) 8%,transparent);border:1px solid var(--border);padding:3px 8px;border-radius:5px;font-family:Outfit,monospace;font-size:12px;color:var(--foreground)}.mm-mini{position:absolute;width:22px;height:22px;border-radius:50%;border:none;background:var(--primary);color:var(--primary-foreground);font-weight:700;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px color-mix(in oklab,var(--foreground) 25%,transparent);transition:transform .15s;z-index:2}.mm-mini:hover{transform:scale(1.15)}.mm-mini-danger{background:var(--destructive);color:var(--destructive-foreground)}.mm-selected{animation:mm-glow 1.6s ease-in-out infinite}@keyframes mm-glow{0%,to{box-shadow:0 4px 24px var(--mm-glow),0 0 0 0 var(--mm-glow)}50%{box-shadow:0 4px 28px var(--mm-glow),0 0 0 6px color-mix(in oklab,var(--foreground) 4%,transparent)}}@keyframes mm-pop{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes mm-fade{0%{opacity:0}to{opacity:1}}.mm-panel::-webkit-scrollbar{width:8px}.mm-panel::-webkit-scrollbar-track{background:transparent}.mm-panel::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:4px}.mm-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--foreground) 22%,transparent)}.mm-name-thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block;border:1px solid var(--border);flex-shrink:0}.mm-name-thumb-fallback{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--primary) 60%,var(--accent, var(--primary))))}