.ink-brand { display: inline-flex; align-items: center; gap: 10px; }
.ink-brand > .logo { text-decoration: none; }
.ink-live-logo { display: block; position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: grab; touch-action: pan-y pinch-zoom; flex-shrink: 0; }
.ink-live-logo:active { cursor: grabbing; }
.ink-live-logo:focus-visible { outline: 2px solid #087dff; outline-offset: 3px; border-radius: 5px; }
.ink-live-logo > img, .ink-live-logo > canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ink-live-logo > img { object-fit: contain; }
.ink-live-logo[data-mode="live"] > img { visibility: hidden; }
@media (max-width: 767px) { .ink-live-logo { width: 40px; height: 40px; } .ink-brand { gap: 6px; } }