#measure-panel.measurement-card {
    top: auto;
    right: auto;
    left: 20px;
    bottom: var(--measurement-bottom, 24px);
    z-index: 700;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: max-content;
    min-width: 180px;
    max-width: min(260px, calc(100% - 40px));
    padding: 12px 16px;
    border: 1px solid var(--accent-border);
    border-radius: 14px;
    background: var(--overlay-bg);
    color: var(--text-primary);
    box-shadow: var(--shadow-md);
    transition: opacity .2s, transform .2s;
}
#measure-panel.measurement-card.hidden,
#measure-panel.measurement-card[data-empty="true"] { display: none; }
.measurement-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.measurement-card .measure-icon { font-size: 24px; line-height: 1; }
.measurement-card .measure-info { min-width: 0; }
.measurement-card .measure-value {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}
.measurement-card .measure-unit { font-size: 13px; font-weight: 600; color: var(--accent); }
.measurement-card .measure-label {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}
.measurement-actions { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--border-light); padding-top: 6px; }
.measurement-actions button {
    width: 36px; height: 36px; border-radius: 8px;
    border: 1px solid var(--border-accent); background: var(--accent-bg);
    color: var(--accent); font-size: 20px; cursor: pointer;
}
.measurement-actions button:hover { background: var(--bg-card-hover); border-color: var(--accent); }
.measurement-actions button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 768px) {
    #measure-panel.measurement-card {
        left: 12px; bottom: var(--measurement-bottom, 16px);
        min-width: min(160px, 60vw); max-width: min(260px, 60vw);
        padding: 12px;
    }
    .measurement-actions button { width: 44px; height: 44px; }
}