#tooltip,
#searchTip,
#navTip {
    position: absolute;
    border: 1px solid var(--ds-border, #e5e7eb);
    background-color: var(--ds-text, #111827);
    padding: 0.5rem 0.75rem;
    color: #fff;
    display: none;
    z-index: 4000;
    box-shadow: var(--ds-shadow-md, 0 4px 6px rgba(0,0,0,0.07));
    max-width: 220px;
    border-radius: var(--ds-radius-md, 8px);
    font-size: var(--ds-text-xs, 0.75rem);
    font-family: var(--ds-font, 'Inter', system-ui, sans-serif);
    line-height: 1.4;
}
#preview { position: absolute; border: 1px solid var(--ds-border, #e5e7eb); background: var(--ds-text, #111827); padding: 0.5rem; display: none; color: #fff; border-radius: var(--ds-radius-md, 8px); }
#screenshot { position: absolute; border: 1px solid var(--ds-border, #e5e7eb); background: var(--ds-text, #111827); padding: 0.5rem; display: none; color: #fff; border-radius: var(--ds-radius-md, 8px); }