/* In normal flow, above the studio: no overlay over artwork or mobile controls. */
.mk-analytics { margin: 0; padding: 10px max(16px, env(safe-area-inset-left)); color: #f4e9d7; background: #2c241e; border-bottom: 1px solid #655342; font: 14px/1.5 system-ui, sans-serif; }
.mk-analytics-summary, .mk-analytics-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mk-analytics-summary [role="status"] { flex: 1; }
.mk-analytics-panel { max-width: 900px; padding-top: 4px; }
.mk-analytics-panel[hidden] { display: none !important; }
.mk-analytics-panel p { margin: 8px 0 12px; }
.mk-analytics-button { min-height: 44px; padding: 8px 14px; border: 1px solid #bda98a; border-radius: 8px; background: #352b23; color: #fff5e6; cursor: pointer; font: inherit; }
.mk-analytics-button:hover { background: #4e3c2d; }
.mk-analytics-button:focus-visible, .mk-analytics a:focus-visible { outline: 3px solid #ebc580; outline-offset: 3px; }
.mk-analytics a { color: #f1d29e; text-underline-offset: 3px; }
@media print { .mk-analytics { display: none !important; } }