.measure-overlay{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));left:50%;transform:translateX(-50%);z-index:var(--z-overlay,1200);display:flex;align-items:center;gap:var(--sp-2,8px);background:var(--color-surface,#fff);border:1px solid var(--gray-200,#e5e7eb);border-radius:var(--radius-full,9999px);padding:6px 10px;box-shadow:var(--shadow-lg,0 8px 32px rgba(0,0,0,.18));pointer-events:auto;white-space:nowrap}.measure-overlay[hidden]{display:none}.measure-tabs{display:flex;gap:2px}.measure-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-full,9999px);background:0 0;color:var(--color-text-2,#555);font-size:var(--text-xs, 11px);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast, 120ms),color var(--dur-fast, 120ms)}.measure-tab:hover{background:var(--gray-100,#f3f4f6)}.measure-tab.active{background:var(--kb-blue-bg,#dbeafe);color:var(--color-primary,#2563eb)}.measure-sep{width:1px;height:20px;background:var(--gray-200,#e5e7eb);flex-shrink:0}.measure-label{font-size:var(--text-sm, 13px);font-weight:500;color:var(--color-text,#111);min-width:10ch}.measure-btn{background:var(--gray-100,#f3f4f6);border:none;border-radius:var(--radius-full,9999px);width:28px;height:28px;color:var(--color-text,#111);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-fast, 120ms)}.measure-btn:hover{background:var(--gray-200,#e5e7eb)}.measure-btn--unit{width:auto;min-width:44px;padding:0 10px;font-size:var(--text-xs, 12px);font-weight:700}